ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS で特定の「for」属性値を使用してラベルのスタイルを設定するにはどうすればよいですか?
次の HTML コードを考えてみましょう:
<label for="email">Email:</label>
CSS でこのラベルを「for」属性値に基づいて選択するにはどうすればよいですか。 "email"?
「for」属性値に基づいてラベルをターゲットにするには、次の CSS セレクターを使用します:
label[for="XYZ"]
Replace "XYZ"必要な属性値を指定します。この場合は "email":
label[for="email"]
このセレクターを使用すると、特定のスタイルをラベルに適用できます:
label[for="email"] { /* ... Style definitions here ... */ }
JavaScript:
JavaScript で DOM を使用してラベルを選択するには、 use:
var element = document.querySelector("label[for=email]");
jQuery:
jQuery を使用すると、セレクターは次のようになります:
var element = $("label[for=email]");
属性セレクターは、最新のブラウザーのほとんどでサポートされています。ただし、レガシー ブラウザ (IE6、IE7 など) をサポートする必要がある場合は、代わりにクラスまたは他の構造的アプローチを使用することを検討してください。
'for' 属性値が特殊文字 (スペース、括弧など) が含まれている場合は、値を一重引用符または二重引用符で囲みます:
label[for="field[]"] { /* ...definitions here... */ }
以上がCSS で特定の「for」属性値を使用してラベルのスタイルを設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。