सीएसएस उपस्थिति संपत्ति के साथ कस्टम चेकबॉक्स

<घंटा/>

हम उपयोगकर्ता के ऑपरेटिंग सिस्टम की प्लेटफ़ॉर्म-देशी शैली के अनुसार किसी तत्व को स्टाइल करने के लिए अपीयरेंस प्रॉपर्टी का उपयोग करते हैं।

सिंटैक्स

CSS अपीयरेंस प्रॉपर्टी का सिंटैक्स इस प्रकार है -

<पूर्व>चयनकर्ता {उपस्थिति:/*मान*/; -वेबकिट-उपस्थिति:/*मूल्य*/; /*Safari और Chrome के लिए */ -moz-appearance:/*value*/; /*फ़ायरफ़ॉक्स के लिए */}

उदाहरण

निम्नलिखित उदाहरण CSS प्रकटन गुण को दर्शाते हैं।

 <शैली> इनपुट[टाइप=चेकबॉक्स] { दिखावट:कोई नहीं; -वेबकिट-उपस्थिति:कोई नहीं; -मोज़-उपस्थिति:कोई नहीं; पैडिंग:12 पीएक्स; पृष्ठभूमि-रंग:सियान; बॉक्स-छाया:इनसेट 0 3px 3px 5px हल्का हरा; सीमा-त्रिज्या:50%; } इनपुट [प्रकार =चेकबॉक्स]:चेक किया गया {पृष्ठभूमि-रंग:मूंगा; बॉर्डर:6px सॉलिड कॉर्नफ्लावरब्लू; बॉक्स-छाया:0 1px 2px हल्का नारंगी; } इनपुट [प्रकार =चेकबॉक्स]:चेक किया गया:{ सामग्री के बाद:"चेक किया गया"; }  <इनपुट प्रकार="चेकबॉक्स"> कस्टम चेकबॉक्स उदाहरण

यह निम्न आउटपुट देता है

सीएसएस उपस्थिति संपत्ति के साथ कस्टम चेकबॉक्स

उदाहरण

 <शैली> इनपुट[टाइप=चेकबॉक्स] { दिखावट:कोई नहीं; -वेबकिट-उपस्थिति:कोई नहीं; -मोज़-उपस्थिति:कोई नहीं; पैडिंग:10px; पृष्ठभूमि-रंग:सियान; सीमा-त्रिज्या:5%; } इनपुट [प्रकार =चेकबॉक्स]:चेक किया गया {पृष्ठभूमि-रंग:मैजेंटा; } इनपुट [प्रकार =चेकबॉक्स]:चेक किया गया:{ सामग्री से पहले:"\ 2713"; रंग सफेद; गद्दी:प्रारंभिक; फोंट की मोटाई:बोल्ड; }  <इनपुट प्रकार="चेकबॉक्स"> एक अन्य कस्टम चेकबॉक्स उदाहरण

यह निम्न आउटपुट देता है

सीएसएस उपस्थिति संपत्ति के साथ कस्टम चेकबॉक्स