[解決済み] テキスト入力欄のCSSセレクタ?
2022-03-23 16:15:56
質問
CSS セレクタを使用して、'text' タイプの入力フィールドをターゲットにするにはどうすればよいですか?
どのように解決するのですか?
input[type=text]
または、フォーム内のテキスト入力に制限する場合
form input[type=text]
または、特定のフォームにさらに限定する場合は、そのフォームが id を持っていると仮定して
myForm
#myForm input[type=text]
お知らせ IE6で開発する場合は、IE7.jsを使用するか(Yi Jiangが提案したように)、すべてのテキスト入力にクラスを追加する必要があります。
参考 http://www.w3.org/TR/CSS2/selector.html#attribute-selectors
なぜなら と指定されています。 デフォルトの属性値が常に属性セレクタで選択できるとは限らないことを考慮し、テキスト入力がレンダリングされるマークアップの他のケースをカバーすることを試みることができます。
input:not([type]), /* type attribute not present in markup */
input[type=""], /* type attribute present, but empty */
input[type=text] /* type is explicitly defined as 'text' */
しかし、これでは、型は定義されているが、無効な値を持っている場合、type="text"に戻ってしまうことになります。このような場合には、select all inputs that are not one of the other known typesを使用することができます。
input:not([type=button]):not([type=password]):not([type=submit])...
しかし、このセレクタはかなりばかげたものになり、また 可能なタイプのリスト は、HTMLに新しい機能が追加されるにつれて、どんどん増えていきます。
お知らせ
:not
擬似クラス
はIE9からしかサポートされていません。
関連
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] <button> vs. <input type="button" />. Which to use?
-
[解決済み] divの中のテキストを縦に揃えるにはどうしたらいいですか?
-
[解決済み] 最初の要素にクラスを指定するCSSセレクタ
-
[解決済み] IMGとCSSのbackground-imageはいつ使い分ける?
-
[解決済み] HTML5で(非空白の)自己閉鎖タグは有効ですか?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 横型リストアイテム
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み] 入力テキストボックスの値を取得する
-
[解決済み] ボディの高さをブラウザの高さの100%にする
-
[解決済み] HTMLでBase64画像を表示する方法
-
[解決済み] Bootstrap 3 の sr-only とは何ですか?
-
[解決済み] HTML5で(非空白の)自己閉鎖タグは有効ですか?
-
[解決済み] HTMLのレイアウトにテーブルを使用しない理由は?[クローズド]
-
[解決済み】CSSで"!important "を使用する意味は?[重複あり]