बटन जैसी उपस्थिति और होवर प्रभाव के साथ स्टाइलिंग चेकबॉक्स

आपने एक चेकबॉक्स को बटन के रूप में प्रदर्शित करने के लिए सफलतापूर्वक रूपांतरित कर दिया है। अब, इसकी कार्यक्षमता को बढ़ाने के लिए, आइए देखें कि क्लिक करने योग्य क्षेत्र को इंगित करने के लिए होवर प्रभाव को कैसे शामिल किया जाए।

इसे प्राप्त करने के लिए, अपनी स्टाइल शीट में निम्नलिखित सीएसएस नियम जोड़ें:

#ck-button:hover {
    background: red;
}

यह नियम "#ck-बटन" कंटेनर पर लाल पृष्ठभूमि रंग लागू करता है जब उपयोगकर्ता उस पर होवर करता है। बटन जैसे चेकबॉक्स पर होवर करके, उपयोगकर्ता अब आसानी से क्लिक करने योग्य क्षेत्र की पहचान कर सकते हैं और तत्व के साथ अधिक प्रभावी ढंग से बातचीत कर सकते हैं।

अपडेटेड फिडल: http://jsfiddle.net/zAFND/4/

इस संशोधन के साथ, आपने न केवल चेकबॉक्स की उपस्थिति को अनुकूलित किया है, बल्कि एक होवर प्रभाव जोड़कर एक बेहतर उपयोगकर्ता अनुभव भी प्रदान किया है, जो एक सहज इंटरैक्शन सुनिश्चित करता है।