ASP.NET Cafe
new tricks every week

Remove links outline in IE 7 and IE 6 with JQuery

Monday, 26 July 2010 10:55 by dmitriy

IE 7 doesn't respect css property outline so you can't remove annoying outline using following css:

* :focus { outline: none; }

But you can remove it using JQuery . Most of sites already have Jquery include so you don't need to add anything except following code.

$("a").each(function() {
  $(this).attr("hideFocus", "true").css("outline", "none");
});

If you're using Mootools or Prototype - you can rewrite this code for these frameworks easily.

And this won't affect your css validation!

Be the first to rate this post

  • Currently 0/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5
Tags:   ,
Categories:   ASP.NET | CSS
Actions: E-mail | del.icio.us | Kick it! | DZone it! | Permalink | Comments (0) | Comment RSSRSS comment feed

Comments

Add comment


 

  Country flag

biuquote
  • Comment
  • Preview
Loading