Comments on: Remove Button Focus Outline Using CSS

By: Bintang

Bintang — Sat, 24 Jul 2010 14:08:21 +0000

I wanted to customize my submit button,
this article helped me alot.

Thanks.

By: vj

vj — Mon, 19 Jul 2010 13:09:22 +0000

it works , great, thank you so much for the help.

By: Shaun

Shaun — Sat, 10 Jul 2010 05:05:40 +0000

Brilliant…this should be higher in the search results. Not easy information to find. Anyway, thanks for curing my headaches.

By: Vinoth

Vinoth — Thu, 22 Apr 2010 12:31:09 +0000

Excellent! have been struggling for past 2 days. Thanks a lot.

By: Cómo quitar los puntitos de los botones de enlace « Salinasjavi's Blog

Cómo quitar los puntitos de los botones de enlace « Salinasjavi's Blog — Wed, 21 Apr 2010 19:42:21 +0000

[...] : Karl Rixon [...]

By: N V A Mahesh Kumar

N V A Mahesh Kumar — Tue, 06 Apr 2010 08:34:45 +0000

Thanks for the solution……..!

By: Diego Leismann

Diego Leismann — Thu, 11 Mar 2010 21:46:07 +0000

Since I started to learn HTML 2 years ago I could never draw ‘outline’ that firefox, man you are very good! this code is very useful for anyone who suffers with these damn hatch. Thank

By: usman

usman — Wed, 10 Feb 2010 08:47:36 +0000

Thanks a lot bro.
i tried many tricks but dos’t work.

Thanks a lot…

By: Rafa Colunga

Rafa Colunga — Fri, 08 Jan 2010 02:18:14 +0000

Hey, great tip!! i have been searching the way to get rid of these border in buttons for a while.

By the way, i tend to specify slightly different styles for :focus, :hover, and :active states of buttons, generally changing the border or background color to a different tone, applying box-shadows and text-shadow, which looks way better than that outline thing, and gives a better overall impression without sacrificing accesibility.

I think that as long as you give your keyboard users a clear clue of the focus on the button, you’ll be safe on accesibility, with outline or not.

If you think it’s too much to style every state, i’d recommend at least using two different states, “normal” and “anything else” and apply it to :hover :active :focus, before you remove the outline.

By: swetha

swetha — Wed, 18 Nov 2009 04:49:07 +0000

But, is there no solution in IE???