[解決済み】入力番号の上下の矢印ボタン(スピナー)を非表示にする - 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"/>
関連
-
[解決済み] 2つのdivを隣り合わせに配置するには?
-
[解決済み] iframe 要素の scrolling 属性は廃止されました。代わりにCSSを使用してください。
-
[解決済み] Ionicカードリスト作成
-
[解決済み] bootstrapのチェックボックスの色を変更するには?
-
[解決済み] エレメントの角を面取りする方法を教えてください。
-
[解決済み] cssのフォントサイズ14px/26pxってどうなってるの?
-
[解決済み] HTML5の数値入力のスピンボックスを非表示にすることはできますか?
-
[解決済み] input type="number "が負の値を取得しないようにする方法はありますか?
-
[解決済み】Firefoxでドラッグ中に入力タイプ=レンジのonchangeイベントが発生しない。
-
[解決済み】 input type="number "でのwebkitのスピンボタンを無効にする?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Google Chromeでレスポンシブメディアクエリが機能しない件
-
[解決済み] divをクリックすると、その下にある要素に移動します。
-
[解決済み] CSSで残りの幅を埋める
-
[解決済み] CSSでボーダーの不透明度を設定することはできますか?
-
[解決済み] Bootstrap 3でnavbar-static-topは何をするのですか?
-
[解決済み] svgの円のダブルストロークの色
-
[解決済み] 高さと幅はspanには適用されないのですか?
-
[解決済み] div要素内でテキストが折り返されない
-
[解決済み] HTML5の数値入力のスピンボックスを非表示にすることはできますか?
-
[解決済み] Operaでinput[type="number"]の矢印を消す方法 [duplicate]