在使用input框只想输入数字时,input框有原生的 type=“nubmer” 属性,可是该属性自带加减图标非常不美观,如下图
这时我们可以使用css属性去掉这个加减图标,代码如下
html:
<input type="number" name="" id="">
css:
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type='number'] {
-moz-appearance: textfield;
}