पसूडोक्लास checked
पसूडोक्लास checked चेक किए गए
चेकबॉक्स
या radio
को पकड़ने की अनुमति देता है।
दुर्भाग्य से, उनकी सजावट के लिए स्टाइल निर्धारित नहीं किए जा सकते। उदाहरण के लिए, बैकग्राउंड या बॉर्डर का रंग निर्धारित नहीं किया जा सकता (उदाहरण के लिए, चौड़ाई और ऊंचाई निर्धारित की जा सकती है, लेकिन उनका प्रभाव वैसा नहीं होगा जैसा अपेक्षित था)।
इसके बावजूद, पड़ोसी तत्वों के लिए स्टाइल निर्धारित
किए जा सकते हैं, उदाहरण के लिए: input:checked + p
- हम उस पैराग्राफ के लिए स्टाइल निर्धारित करेंगे जो
चेक किए गए इनपुट के ठीक नीचे स्थित है।
सिंटैक्स
तत्व:checked {
}
उदाहरण
चेकबॉक्स को चेक करें और आप देखेंगे कि कैसे
label
लाल रंग में चमकते हैं,
जो चेक किए गए चेकबॉक्स के ठीक बाद स्थित हैं:
<input type="checkbox" id="elem1">
<label for="elem1">लेबल 1</label>
<br>
<input type="checkbox" id="elem2">
<label for="elem2">लेबल 2</label>
input:checked + label {
color: red;
}
:
उदाहरण
radio को चेक करें और आप देखेंगे कि कैसे
label लाल रंग में चमकते हैं, जो
चेक किए गए बटन के ठीक बाद स्थित हैं:
<input type="radio" name="elem" id="elem1">
<label for="elem1">लेबल 1</label>
<br>
<input type="radio" name="elem" id="elem2">
<label for="elem2">लेबल 2</label>
input:checked + label {
color: red;
}
:
