数値の入力欄に表示されるスピンボタンを非表示にする方法

数値の入力欄に表示されるスピンボタンを非表示にする方法 HTML/CSS

inputタグの数値フィールドはデフォルトでスピンボタン(数値の増減ボタン)が付いています。

これを非表示にしたいと思ったのですが、HTMLにはそういった属性は無いようです。

対処方法

以下のCSSによって非表示にすることができました。

/* Chrome, Safari */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* FireFox, IE */
input[type="number"] {
  -moz-appearance:textfield;
}

参考記事