आप इनलाइन सीएसएस के साथ होवर प्रभाव को कैसे कोड करते हैं?

कभी-कभी आपको इनलाइन सीएसएस लिखने के लिए मजबूर किया जाता है, उदा। HTML ईमेल टेम्प्लेट में — आपके ईमेल/न्यूज़लेटर प्रदाता पर निर्भर करता है।

लेकिन आप इनलाइन सीएसएस के साथ होवर प्रभाव कैसे प्राप्त करते हैं?

आप नहीं कर सकते, लेकिन आप JavaScript के onMouseOver . का उपयोग करके समान होवर प्रभाव प्राप्त कर सकते हैं और onMouseOut विधि।

मान लें कि आप होवर (या माउसओवर) पर हाइपरलिंक का रंग नीले से लाल रंग में बदलना चाहते हैं:

<a href="#your-url-path"
onMouseOver="this.style.color='red'"
onMouseOut="this.style.color='green'" >Click here to Subscribe</a>

परिणाम:

सदस्यता लेने के लिए यहां क्लिक करें

सामान्य तौर पर, इनलाइन सीएसएस आदर्श नहीं है, लेकिन कभी-कभी आपको काम करने के लिए आदर्श कोड से कम का उपयोग करने के लिए मजबूर किया जाता है।