1. ホーム
  2. css

[解決済み】入力番号の上下の矢印ボタン(スピナー)を非表示にする - Firefox 29

2022-04-06 13:50:29

質問

Firefox 28で <input type="number"> は、数字しか入力できない入力フィールドに数字キーボードを表示させるので、とても便利です。

Firefox 29 では、数値入力を使用するとフィールドの右側にスピンボタンが表示されますが、これは私のデザインではゴミのように見えます。6桁から10桁の数字を書く必要があるときには役に立たないので、ボタンは本当に必要ないのです。

これをCSSやjQueryで無効にすることは可能でしょうか?

解決方法は?

によると このブログの記事 を設定する必要があります。 -moz-appearance:textfield; の上に input .

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

input[type=number] {
    -moz-appearance:textfield;
}
<input type="number" step="0.01"/>