html - How to hide label on radio checked using css -
मेरे पास इस तरह लेबल टैग में एक चेकबॉक्स है।
& lt; label class = " बतख डक 1 "& gt; & Lt; इनपुट प्रकार = "चेकबॉक्स" & gt; & Lt; / लेबल & gt; मुझे लगता है कि अगर मैं चेकबॉक्स, लेबल और चेकबॉक्स पर क्लिक करता हूं तो दोनों डिस्प्ले: कोई भी बिना jquery होना चाहिए।
मैंने इसे करने की कोशिश की। < / P>
.duck इनपुट [प्रकार = चेकबॉक्स]: चेक + लेबल। चेकबॉक्स {प्रदर्शन: कोई नहीं;}
आप उस के आसपास काम कर सकते हैं हालांकि। निम्न कोड पर एक नज़र डालें:
यदि आप अपने एचटीएमएल को चेकबॉक्स के बाद लेबल रखने के लिए फिर से संगठित करते हैं, और एनिमेटेड क्लास को चेकबॉक्स में भी जोड़ें, तो इसे लेबल के साथ संरेखित करें:
& lt; div वर्ग = "मुख्य" & gt; & Lt; इनपुट प्रकार = "चेकबॉक्स" वर्ग = "बतख डक 1 सीबी_1" & gt; & lt; / input & gt; & Lt; लेबल वर्ग = "बतख डक 1" & gt; & lt; / लेबल & gt; & Lt; / div & gt; आप निम्न तरीके से दोनों का चयन करने में सक्षम होंगे:
इनपुट [प्रकार = चेकबॉक्स]। Cb_1: चेक किया गया, इनपुट [type = checkbox] .cb_1: चेक किया गया + लेबल {प्रदर्शन: कोई नहीं; } यहां एक निश्चित
है ( .cb_1 वर्ग केवल z-index के लिए है चेक बॉक्स को लबल के ऊपर प्रकट करने के लिए, और पृष्ठ पर अन्य चेकबॉक्स से बचने के लिए अप्रासंगिक लेबल छिपाने के लिए)
अद्यतन करें:
एक और हल : के बाद छद्म चयनकर्ता:
। Duck: after {content: '';) का प्रयोग करके लेबल (या बतख छवि प्रेत) चौड़ाई: 50px; ऊंचाई: 50 पीएक्स; स्थिति: पूर्ण; } यहां के साथ एक उदाहरण है: चयनकर्ता:
Comments
Post a Comment