如何隐藏数字输入框的上下箭头?
方案一:
在Chrome下:
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0;
}
Firefox下:
input[type="number"] {
-moz-appearance: textfield;
}
方案二:
将type="number"
改为type="tel"
, 同样是数字键盘, 但是没有箭头.
参考:
Stack Overflow: Can I hide the HTML5 number input’s spin box?
移除HTML5 input在type=”number”时的上下小箭头