input type="number" 关闭提示语 禁用滚轮 等小问题 收集

1. 当输入框里面有值(非整数)，鼠标悬浮上去会有一个提示语，如下图：

 

 之前没有注意到，原来是input 的title属性在搞怪。如果你不想要这个提示语，只需要把title属性设置成空即可, title=""

2. input 都默认开启联想功能的，如果你也不想要的话，可以设置 autocomplete="off"

3. 在火狐浏览器里面，输入框里面还会出现上下箭头，太丑，如下：

如果想要隐藏，代码如下：

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}

4. 禁用滚轮事件，原生input 用@mousewheel.prevent。el-input 用 @mousewheel.native.prevent