CODEWITHSUNDEEP
htmlcss
Nathan
Nathan

Reputation: 123

White box around button Chrome

enter image description here

I am working on a website, I have this white border around my button when I click it. I'm using chrome, any idea why it's doing this and how to fix it ?

Upvotes: 0

Views: 1670

Answers (3)

Knox2167
Knox2167

Reputation: 1

Just go to three dots on your upper-right screen,and press settings,press advance, press accessability and turn off the "Show a quick highlight on the focus object"

Upvotes: 0

D. Pardal
D. Pardal

Reputation: 6597

This is the focus ring (A.K.A. outline). Don't remove it unless you have another way to indicate which element is focused!

From the Tests CSS Basic User Interface Module Level 3 (CSS3 UI):

Keyboard users, in particular people with disabilities who may not be able to interact with the page in any other fashion, depend on the outline being visible on elements in the :focus state, thus authors must not make the outline invisible on such elements without making sure an alternative highlighting mechanism is provided.

Upvotes: 2

Osman Durdag
Osman Durdag

Reputation: 965

.button_class{
    outline:none; /* This is the point. When you clicked*/
}

Upvotes: 0

Related Questions