如何隐藏数字输入框的上下箭头?

方案一:

在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"时的上下小箭头

转载于:https://www.cnblogs.com/7z7chn/p/5727321.html