How to write a:hover in inline CSS?

Question

I have a case where I must write inline CSS code, and I want to apply a hover style on an anchor.How can I use `a:hover` in inline CSS inside the HTML style attribute?E.g. you can't reliably use CSS classes in HTML emails.

Answer 1

It appears it is not possible to use 'a:hover' in inline CSS since it only applies in the context of a style sheet. The way to achieve hovering behavior with inline styles is to use the onMouseOver and onMouseOut attributes inside the 'a' tag. For example:

<a href= "www.google.com" onMouseOver="style.color='green'" onMouseOut="style.color='blue'">google.com</a>

I hope this answers your question.