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

原文地址:https://www.cnblogs.com/yyh1/p/14048757.html