Bloody Bloody ie5.x Mac!

Now I know how we all love Mac users, and the flawless ie5.x platform... but does anyone know how to prevent it rendering a little blue glow around all the buttons you click. The design I'm working on uses iframes to load content in a window on the page when a row of gif icons are clicked. It works fine on all but the client's machine which leaves those nasty blue borders round the buttons. Typical.

I was recommended to try

a:active {border: none;}

but no joy.

Is it a CSS thing or do I need to do something else?

Thanks

If you have no idea what I'm talking about... here's the same effect on a standard text link...

Click here to pop it open

Bit of forum fishing threw up the answer:

Now for IE Mac, instead of killing that focussing ring by stating
a:focus {outline:none}
you can always try to control it:
a:focus {outline: 10px lime dashed} /* fill in values to taste. */[1]
I use that on my IE bug pages (see sig below)


[1] the default in the hard coded UA CSS for IE Mac is a:focus
{outline: 2px /*colorvalue*/ solid}, whereby colorvalue is the same one
as the color selected for the browser chrome (user selected)

HTH

Philippe


== | == | == | == | == | == | == | == | == | == | == | ==

Philippe Wittenbergh

code | design | web projects : <http://www.l-c-n.com/>
online image gallery : <http://www.l-c-n.com/phiw/>
IE5 Mac bugs and oddities : <http://www.l-c-n.com/IE5tests/>

Hey thanks, it does it to me in Netscape too.