Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Consistent way to use "cursor: pointer" in HTML email?

I'm styling an HTML Email notification for our process automation software. Everything is going grand, except I can't get "Cursor: pointer" to work on the buttons. Works great in IE9, Chrome, of course, just not in my Outlook 2010 client. Any solutions should also be compatible with Outlook 2007 if possible.

I did try "Cursor: hand" with no luck just for fun.

like image 653
THE JOATMON Avatar asked Dec 21 '22 00:12

THE JOATMON


2 Answers

Maybe you can simply use an <a> tag instead and style it appropriately with CSS?

like image 84
Thomas Avatar answered Dec 30 '22 10:12

Thomas


I would guess that Outlook doesn't allow that CSS rule. Most mail clients restrict the HTML/CSS that will be parsed in messages, and exactly what is restricted varies by client. As an example, I remember that at least older versions of Outlook/OE wouldn't render forms in an email, while Thunderbird would.

Check here: http://www.campaignmonitor.com/blog/post/2533/a-guide-to-css-support-in-emai-2/

Doesn't have Outlook 2010, but it definitely states that 2007 doesn't support the CSS cursor.

like image 20
kitti Avatar answered Dec 30 '22 11:12

kitti