Question

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?

Answer 1

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/