Comments on: Remove Dotted Link Borders in Firefox

By: Mike

Mike — Tue, 05 Oct 2010 03:11:14 +0000

Well, The dotted line that you are referring to are just fine, I don’t really mind them at all. As you have mentioned, they are just reminders by Firefox, so the users would understand that. Either way, thanks for the trick.

By: James

James — Wed, 09 Jun 2010 11:34:53 +0000

Thanks for the tip. The dotted border does annoy me. Still better than using IE8 anyway.

By: Martijn van Turnhout

Martijn van Turnhout — Sun, 28 Feb 2010 16:14:08 +0000

Yeah I agree with Zoffix: it goes against every accessibility rule I know. Try surfing the web without a mouse. Use only a keyboard for browsing. You'll see that those outlines are extremely important. It's pretty much the only way of seeing where you're currently tabbing. .-= Martijn van Turnhout@Zoekmachine optimalisatie´s last blog ..Professionele presentatie bouwbureau Holm de Jong =-.

By: Typhoon

Typhoon — Tue, 18 Aug 2009 09:03:52 +0000

Actually this trick was introduced by my friend and I blogged about it. Don’t know much about it. But keeping trust on you, I think what you said is correct.

By: Zoffix Znet

Zoffix Znet — Mon, 17 Aug 2009 23:31:19 +0000

Hello, I just wanted to note that using “a { outline: none; }” completely breaks keyboard usability, which is what that dotted border is about – it’s not just some browser bug.

Also, that piece of code will not work for IE6 and IE7.

If anyone is interested in a more accessible solution that includes removing the border in IE6 and 7, please see my write up on the subject: http://haslayout.net/css-tuts/view?tut=Removing-Dotted-Border-on-Clicked-Links

Cheers!