[解決済み】x属性のない要素にマッチするcssセレクタ【重複あり
2022-03-25 14:51:50
質問
CSSファイルを作成していて、テキスト入力ボックスにスタイルを設定する必要があるのですが、問題が発生しました。これらの要素すべてにマッチするシンプルな宣言が必要です。
<input />
<input type='text' />
<input type='password' />
...が、これらにはマッチしない。
<input type='submit' />
<input type='button' />
<input type='image' />
<input type='file' />
<input type='checkbox' />
<input type='radio' />
<input type='reset' />
以下は、私がやりたいことです。
input[!type], input[type='text'], input[type='password'] {
/* styles here */
}
上記のCSSでは、最初のセレクタが
input[!type]
. この意味は、type 属性が指定されていないすべての入力ボックスを選択したい(デフォルトは text だが
input[type='text']
が一致しない)。残念ながら、私が見つけたCSS3仕様には、そのようなセレクタはありません。
どなたか、これを実現する方法をご存じないでしょうか?
どのように解決するのですか?
:not
セレクターを使用します。
input:not([type]), input[type='text'], input[type='password'] {
/* style here */
}
サポートします。 Internet Explorer 9 以降の場合
関連
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] 箇条書きのない順序なしリストが必要です。
-
[解決済み] 前の兄弟」セレクタはありますか?
-
[解決済み] CSSのクラス名/セレクタに使用できる文字は?
-
[解決済み] 最初の要素にクラスを指定するCSSセレクタ
-
[解決済み] CSSセレクタの"~"(チルダ/スクイグル/ツイドル)はどういう意味ですか?
-
[解決済み】x属性のない要素にマッチするcssセレクタ【重複あり
-
[解決済み】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 実装 サイバーパンク風ボタン