如何隱藏數字輸入框的上下箭頭?

方案一:

在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"時的上下小箭頭