Aneeez
Aneeez

Reputation: 1452

Avoid outline of button when clicked

The gear button below launches a modal window. when the modal is closed. An outline, like the one you see in the screenshot, appears. How do I avoid this?

enter image description here

Tried this, but didn't work

.sticky-settings a:focus
{
    border: none;
}

Upvotes: 1

Views: 76

Answers (3)

jbutler483
jbutler483

Reputation: 24559

There is an outline property set on your button by default (it's a default browser property).

Overriding this property in your css will solve this.

.sticky-settings a:focus
{
    outline: none;
}

Upvotes: 1

SKeurentjes
SKeurentjes

Reputation: 1878

Try:

.sticky-settings a:focus
{
    outline: 0;
}

Upvotes: 1

Weafs.py
Weafs.py

Reputation: 22998

You need to set outline: none not border: none.

.sticky-settings a:focus {
    outline: none;
}

Upvotes: 4

Related Questions