BinaryDevelop
  1. ホーム
  2. css

[解決済み] Operaでinput[type="number"]の矢印を消す方法 [duplicate］

2022-06-16 06:40:23

質問

ただ、特定の状況で便利なこれらの矢印を削除するために探しています。

しかし、コンテンツが純粋に数字であるというブラウザの認識は維持したいと思います。そこで、これを input[type="text"] に変更することは許容できる解決策ではありません。

Opera が webkit ベースである今、この質問はダレています。 HTML5 の数値入力のスピン ボックスを隠すことはできますか。

どのように解決するのですか？

簡単なCSSを使っていますが、削除して問題なく動作するようです。 

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

<input type="number" step="0.01"/>

CSS Tricks のこのチュートリアルでは、詳細な説明と、スタイルを設定する方法を示しています。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します