1

Possible Duplicate:
How to remove the “Dotted Border” on clicking?

I know this question has been asked multiple times but despite the supposed solutions I still see the ugly borders, which go around any padding I add to links which looks stupid. Basically I'm asking if there even IS a way around that in older versions of IE, specifically 8 and below.

I understand that it will cause some accessibility issues, but it's not going to affect the majority of users coming on my site.

Any help would be appreciated ... I would post my CSS but my files are on my home PC and I'm at work, Sorry.

Community
  • 1
  • 1
Adrift
  • 25
  • 6
  • 2
    The solutions you see may work but you might have not cleared your internet cache? Ctrl f5 and see if it fixes it for you. – JonH Oct 18 '12 at 18:08
  • Hmm, that's true I noticed CTRL + SHIFT + R didn't work in IE so I gave up on that. I'll try it when I get home. Thanks – Adrift Oct 18 '12 at 18:09
  • Does a:active, a:visited {outline: none;} not work? – Jawad Oct 18 '12 at 18:10
  • @Adrift in most cases it is a caching issue, we've all been there once in our lives. Open your browser clear the cache and you should be good. – JonH Oct 18 '12 at 18:11
  • a:active, a:visited {outline: none;} will not work in IE8 or lower because it is not supported, no. – Tammy Shipps Oct 18 '12 at 18:12
  • Nope it doesn't .. just tried it out locally on my work PC – Adrift Oct 18 '12 at 18:13
  • I already mentioned that, I'm aware, but I'm not expecting many users that will need the accessibility. – Adrift Oct 18 '12 at 18:20
  • This has indeed been asked multiple times; search for e.g. “remove dotted” to find other existing questions. – Jukka K. Korpela Oct 18 '12 at 19:22
  • I couldn't think of a fitting string to find it, but even so, the few that I did find didn't work. I apologize though. – Adrift Oct 18 '12 at 19:23

2 Answers2

2

Use this CSS:

a:focus, a:active {
    outline:none;
    ie-dummy:expression(this.hideFocus = true);
    border: 0px none;
}
Nikola K.
  • 7,093
  • 13
  • 31
  • 39
mr.soroush
  • 1,110
  • 2
  • 14
  • 31
0

This should answer your question:

http://haslayout.net/css-tuts/Removing-Dotted-Border-on-Clicked-Links

Tammy Shipps
  • 865
  • 4
  • 13
  • So there is no javascript-less solution? I'm okay with that, I just thought it would involve less .. thanks though – Adrift Oct 18 '12 at 18:18
  • Unfortunately not that has been properly vetted out. As a side note, removing the dotted border around a link is sometimes a bad idea if you care about tabbed browsing and/or accessibility, but I'm not sure either of those things will bother you :) – Tammy Shipps Oct 18 '12 at 18:20
  • I'm not expecting many users that come to my site will need the accessibility .. so no it doesn't bother me. Thanks for the link though, you gave me the only working solution thus far. If I can't find a lighter one I'll accept this answer. – Adrift Oct 18 '12 at 18:22