IE7: 0 schema not working

Question

I understand that the scheme is used for accessibility, but what is another way to do it:

a { outline: 0; } 

something that works in IE7

using jquery, maybe?

Answer 1

For jquery you can try something like this

 $('a').focus(function() { $(this).blur(); }); 

This is essentially the same as the IE 7 solution, it says that when the main focus is attached, blur it. I tried this on Mac VM IE 7 and it works

http://jsfiddle.net/QnMLR/2/

the upper one has a contour and the lower one

Answer 2

now used for focus

 a:hover, a:active, a:focus{ outline:0; } 

more details http://css-tricks.com/removing-the-dotted-outline/

---

Updated, i.e. solution

 a:focus, *:focus { noFocusLine: expression(this.onFocus=this.blur()); } 

more details http://www.cssjunction.com/css/remove-dotted-border-in-ie7/

Answer 3

This also works using jquery and will not ruin the order of the tabs:

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

Answer 4

I think _noFocusLine works in IE7

 a{ outline: none; _noFocusLine: expression(this.hideFocus=true); } 

I found it from here , and I tried it myself. Hope this helps you.