How can I stop my browser setting outline on buttons?

Question

I have tried this in the CSS:

*:focus {
    outline: 0;
}

However it seems not to work in all cases. The only sure way I was able to do this was to set the outline: 0; as an inline style on a button.

Is there something I am missing?

How can I set this globally in a CSS?

Is [this](http://stackoverflow.com/questions/1457849/how-do-i-disable-the-default-border-highlight-on-an-html-input-text-element) of any help? Or what do you mean by “seems not to work in _all cases_”? — Sebastian Simon, Apr 24 '15 at 01:33

score 1 · Accepted Answer · answered Apr 24 '15 at 01:48

1

a click is not :focus, but :active

in generally, you can do:

* {
    outline: none; 
}

answered Apr 24 '15 at 01:48

Rami.Q

1 Answers1