移除HTML5 input在type="number"時的上下小箭頭

標籤：import   font   textfield   can   port   方案   button   連結   outer   

移除HTML5 input在type="number"時的上下小箭頭

在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"，同樣是數字鍵台，但是沒有箭頭。

原文連結：http://stackoverflow.com/questions/3790935/can-i-hide-the-html5-number-input-s-spin-box

移除HTML5 input在type="number"時的上下小箭頭