एक HTML विशेषता के बजाय, चेकबॉक्स डिफ़ॉल्ट रूप से स्टाइलशीट में चेक किया जा सकता है?




css checkbox (2)

जैसे शीर्षक कहते हैं: क्या कोई इनबॉक्स HTML ऐट्रिब्यूट के बजाय चेकबॉक्स को स्टाइलशीट में डिफ़ॉल्ट रूप से चेक किया जा सकता है?

W3schools.com से उदाहरण, "कार" बॉक्स की जांच की जाती है:

<form action="demo_form.asp">
<input type="checkbox" name="vehicle" value="Bike"> I have a bike<br>
<input type="checkbox" name="vehicle" value="Car" checked> I have a car<br>
<input type="submit" value="Submit">
</form>

मैं "मैं नियमों और शर्तों से सहमत हूं" चेकबॉक्स बना रहा हूं, और क्लैकी वेबसाइट के कारण मैं इसे बना रहा हूँ, मैं इनलाइन सीएसएस नहीं बना सकता। इसके बजाय, मैं इस फ़ील्ड को एक सीएसएस वर्ग असाइन कर सकता हूं और बड़े स्टाइलशीट में क्लास को संपादित कर सकता हूं।

अगर यह आसान बनाता है, तो यह पृष्ठ पर एकमात्र चेकबॉक्स होगा।


एक चेकबॉक्स को सीएसएस में नहीं देखा जा सकता है, दुर्भाग्य से। यह input तत्व की checked की checked विशेषता पर निर्भर करता है, और विशेषताएँ सीएसएस के माध्यम से संशोधित नहीं की जा सकतीं।

वैकल्पिक रूप से, आप जावास्क्रिप्ट समाधान पर गौर कर सकते हैं, लेकिन निश्चित रूप से HTML को सीधे संपादित करना सबसे अच्छा तरीका है।


सबसे पहले, यह सीएसएस नहीं है बल्कि एक html तत्व का विशेषता है।

यह जांचने का एक अन्य तरीका जावास्क्रिप्ट के साथ है, और सीएसएस के साथ आप इसे केवल इसी तरह चुन सकते हैं:

input[type=checkbox]:checked  /* select checked checkbox */
input[type=checkbox]  /* select any checkbox */




checked