इनपुट प्रकार

Question

द्वारा लेबल का चयन करें इनपुट इनपुट के समान इनपुट इनपुट प्रकार से लेबल को बाहर करने या चुनने का कोई तरीका है?

label:not([type=checkbox]) 
label[type=checkbox] 

Answer 1

आप अपने चेक बॉक्स विशिष्ट पहचान-पत्र देते हैं कि सब एक ही बात के साथ शुरू, तो आप निम्न कर सकता है:

एचटीएमएल

<input type="checkbox" id="chkTerms" /> 
<label for="chkTerms">Read terms & conditions</label> 

सीएसएस

label[for*="chk"], label[htmlfor*="chk"] 
{ 
css here 
} 

शायद आधुनिक ब्राउज़र केवल हालांकि। संपादित करें: मैंने अभी एक पहेली की कोशिश की है: link और यह क्रोम और आईई 8 & 9 में काम करता है लेकिन 7 नहीं। मैंने इसे एफएफ में नहीं देखा।

EDIT2: यहां क्या हो रहा है इसके स्पष्टीकरण देने के लिए, स्क्वायर ब्रैकेट्स एक विशेषता के लिए दिखता है। क्षुद्रग्रह बराबर के व्यवहार को बराबर बराबर से बदलता है, इसका मतलब है - जहां भी विशेषता के लिए "chk" होता है, वह उस शैली को लागू करेगा। आप * को^के साथ प्रतिस्थापित कर सकते हैं और यह इसे इसके बजाय शुरू होने के साथ बदल देगा।

EDIT3: बोल्टक्लॉक ने एक टिप्पणी में आई 7 के लिए एक फिक्स प्रदान किया है, मैंने इसे शामिल करने के लिए उत्तर अपडेट किया है।

Answer 2

कैसे input[type=checkbox] + label { /*label style here*/ }? इनपुट तत्व के ठीक बाद टेक्स्ट यह काम कर सकता है। मैंने इसका परीक्षण नहीं किया है।

Answer 3

आप बुनियादी डेटा-विशेषता संदर्भ के साथ अपने चेकबॉक्स का उपयोग कर सकते ..

<input type="checkbox" name="checkbox-1" id="checkbox-0" class="custom" /> 
<label for="checkbox-0">Whatever</label> 

आप इस उम्मीद नहीं है ... हमें बताएँ ...