How to create a hover effect in a newsletter?

Question

I'm creating a newsletter, and i want to have panels that change background-color on mouse over.
Seeing as the newsletter wont have a head, I am defining all styles inline. I'm pretty sure most popular mail clients will block JS. So I was wondering if I can define a hover effect in the style attribute. Or is there any other solution to achieve this effect?
Peace

Answer 1

I you are certain your css will not be removed, you can use a hover and a background-color property

.panel:hover {
    background-color: #EFEFEF;
}

Also it does not seem possible to use a pseudo-selector in an inline style, so that might be a stopper:

Answer 2

<style>
.panel
{
  display: block;
  text-decoration: none;
  color: #111;
  background: #eee;
}
.panel:hover
{
  display: block;
  text-decoration: none;
  color: #111;
  background: #ccc;
}
</style>
<div class="panel" href="#">Newsletter panel content</div>