Bulletproof Buttons - colour changes on click (Outlook)

I am using the Bulletproof Buttons and they work great, apart from one small issue with Outlook.
When clicked in Outlook the background colour will change (as long as you hold down the mouse button). The mouse colour that it changes to depends on the background colour set.

Below is the code I am using:

 <td align="center" bgcolor="#166672" style="font-family:Arial,Helvetica,Tahoma; font-size:16px; color:#ffffff;">
<div><!--[if mso]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://URL" style="height:38px;v-text-anchor:middle;width:560px;" stroke="f" fillcolor="#166672">
<w:anchorlock/>
<center>
<![endif]-->
<a href="http://URL"
style="background-color:#166672;color:#ffffff;display:inline-block;font-family:Arial,Helvetica,Tahoma;font-size:16px;font-weight:bold;line-height:38px;text-align:center;text-decoration:none;width:100%;-webkit-text-size-adjust:none;">SHOP NOW</a>
<!--[if mso]>
</center>
</v:rect>
<![endif]--></div>
</td>
Stig Stig, 2 years ago

Hey gromituk2k,

Nice work customizing the button code! Unfortunately, the unsightly inverted color effect you get when clicking the button is something I haven't been able to find a fix for so far.

There may be some secret property you can set to change this though, so if anyone looks into it I'd love to hear any findings.


The Campaign Monitor Blog – HTML email smarts to go with your good looks.

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098