Different style for anchor tag when clearing the browser cache

Question

when i click on anchor tag - a dotted border come around my anchor text. the is is coming in IE7,IE8 and firefox. I have used.

a{ outline:none; }

this works as expected.But i need to clear the cache of my browser. Unless and until i don't clear the cache in my browser that dotted line appears around my anchor text.

Could anybody please tell me why always I am required to clear cache everytime to make outline property work. Is there any solution that without clearing the cache that dotted line will disappear.

Answer 1

You may need to add the a:visited pseudo-class to in your CSS:

a:visited { outline: none; }

The a:visited style should inherit from the a class, but some older browsers like IE6 do not follow this rule (Source). To ensure correct style compatibility with older browsers, it is recommended to define the a:visited pseudo-class.

Answer 2

try using a reset CSS like this

Answer 3

The best way to get rid of this is to use a:visited and/or a:active like Daniel Vassallo anwered.

This should fix the problem and still gives visual feedback to users who navigate through all elements with TAB.

Answer 4

i have used..

a:link, a:visited, a:hover, a:active{ outline:none !important; -moz-outline:none; }

but still i need to clear cache everytime to make it working.