You all know that IE and FF draws a dotted line around a link when it is focused. When I create custom button using images and stuff, that border around the link makes my buttons look very ugly. Is it possible to remove it using CSS?
I tried:
1 2 3 4 | a:focus, a:hover, a:visited, a:active {
border:none;
outline:none;
} |
…but no use. Border is still displayed. Finally i have found these Javascript codes to work remove the unwanted links around the links in IE6
1 2 3 4 5 | <script type="text/javascript"> for(var i=0; i<document.links.length; i++) { document.links[i].onfocus = function() {this.blur();}; } </script> |
flayzeraynx is Photographer, CSS master and UI Developer at cyqlr.com an established Web Development company in Cleveland, OH. He spends his days hand crafting CSS and Javascript. Ozan spends his spare time with his wife and son.
This entry was posted on Sunday, January 10th, 2010 at 7:40 pm and is filed under Computer World. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
