: जाँच - सीएसएस-ट्रिक्स

Anonim

:checkedछद्म वर्ग सीएसएस चयन तत्वों में जब वे चयनित राज्य में हैं। यह केवल इनपुट ( ) प्रकार के रेडियो और चेकबॉक्स के तत्वों से जुड़ा है । :checkedजब जाँच की या राज्य पर एक को चालू किए जाने छद्म वर्ग चयनकर्ता रेडियो और चेकबॉक्स इनपुट प्रकार से मेल खाता है। यदि उनका चयन या जाँच नहीं की जाती है, तो कोई मेल नहीं है।

इसलिए जब एक चेकबॉक्स की जाँच की जाती है, और आप इसके तुरंत बाद लेबल को लक्षित कर रहे हैं:

input(type=checkbox) + label ( color: #ccc; font-style: italic; ) input(type=checkbox):checked + label ( color: #f00; font-style: normal; ) 

लेबल पाठ ग्रे इटैलिक से लाल सामान्य फ़ॉन्ट में बदल जाएगा।

 CSS is Awesome 

सीएसएस बहुत बढ़िया है

उपरोक्त :checkedरूपों को और अधिक सुलभ बनाने के लिए छद्म वर्ग का उपयोग करने का एक उदाहरण है । :checkedछद्म वर्ग जैसे छवि दीर्घाओं के रूप में इंटरएक्टिव विजेट, निर्माण करने के लिए छिपा हुआ आदानों और उनके दृश्यमान लेबल के साथ प्रयोग किया जा सकता है।

और अधिक संसाधनों

  • चेकबॉक्स हैक
  • MDN डॉक्स ऑन: चेक किया गया
  • पर W3C कल्पना: जाँच की गई

ब्राउज़र का समर्थन

क्रोम सफारी फ़ायर्फ़ॉक्स ओपेरा अर्थात एंड्रॉयड आईओएस
कोई 3.1+ कोई 9+ 9+ कोई कोई