Sometimes you’re forced to write inline CSS, e.g. in HTML email templates — depending on your email/newsletter provider.
But how do you get a hover effect with inline CSS?
Let’s say you want to change the color of a hyperlink on hover (or mouseover) from blue to red:
<a href="#your-url-path" onMouseOver="this.style.color='red'" onMouseOut="this.style.color='green'" >Click here to Subscribe</a>
In general, inline CSS is not ideal, but sometimes you’re forced to use less than ideal code to get things done.