2

For aesthetics reasons (I know this affects accessibility) I want to remove the outline in some buttons, but in Firefox 17.0.1 I can't seem to find a way to do it.

I tried the answers in this popular question but none of them worked.

Here's a jsfiddle with an example of the buttons, http://jsfiddle.net/t54JE/ when you click the buttons you can see the outline (using Firefox 17 of course).

or maybe this is a bug with FF? they don't want us to remove the outline?

Community
  • 1
  • 1
Danny
  • 986
  • 1
  • 18
  • 42
  • Firefox 17.0.1 (and earlier up to v.15) on OSX doesn't have any outline. – Oleg Dec 09 '12 at 12:12
  • To be exact, it's actually a Bootstrap style that's being applied. Remove the Bootstrap includes and there's no outline: http://jsfiddle.net/t54JE/13/ – Jared Farrish Dec 09 '12 at 12:17

1 Answers1

0

The following CSS from the question you linked works perfectly:

.btn:focus {
    outline: none;
}

See the following JSFiddle for the CSS in action: http://jsfiddle.net/t54JE/12/

Carl Ekerot
  • 2,078
  • 1
  • 16
  • 10