কখনো কখনো ইনলাইন CSS লিখতে বাধ্য হয় (যেমন HTML ইমেইল টেমপ্লেটে)। কিন্তু ইনলাইন CSS-এ :hover পসিউডো-ক্লাস ব্যবহার করা যায় না।
সমাধান: JavaScript onMouseOver / onMouseOut
একই ইফেক্ট পাওয়ার জন্য JavaScript-এর onMouseOver এবং onMouseOut মেথড ব্যবহার করুন।
উদাহরণ: হবরে লিংক কালার পরিবর্তন
<a href="#your-url-path" onMouseOver="this.style.color='red'" onMouseOut="this.style.color='green'">Click here to Subscribe</a>ফলাফল: মাউস 오ভার করলে লাল, আউট করলে গ্রিন।
নোট: ইনলাইন CSS আদর্শ নয়, কিন্তু বাধ্যতামূলক পরিস্থিতিতে JavaScript দিয়ে হভার ইফেক্ট এচিভ করা যায়।
