2

I'm getting a sort of glow-y blueish rollover highlighting of my YUI menu items when I'm in Safari and Chrome (but not Firefox). Cool though this is, it's not consistent with the rest of my site's highlighting, and I'd like to disable it. I'm guessing this is a webkit css property, but, if it is, haven't found the one(s) that control it. Can anyone point me to the right place? Thanks!

Camilo Díaz Repka
  • 4,805
  • 5
  • 43
  • 68
Jim Miller
  • 3,291
  • 4
  • 39
  • 57

2 Answers2

3

Try using this CSS rule with the appropiate selector:

outline-width:0;
Camilo Díaz Repka
  • 4,805
  • 5
  • 43
  • 68
  • Just bear in mind that the blueish outline is an accessibility feature; ideally it should be replaced with something else, not just removed entirely. – El Yobo Dec 02 '10 at 02:47
0

Another simple tweak instead of this would be to use something like this:

 outline-style:none;

you can apply this to something like this...

 #element:focus {
     outline-style:none;
 }
captainrad
  • 3,760
  • 16
  • 41
  • 74