How do I remove blue “selected” outline on buttons?

Question

I have some buttons using , which when clicked get a blue selected color!

Is there a way to remove this feature?

Answer 1

You can remove the blue outline by using outline: none.

However, I would highly recommend styling your focus states too. This is to help users who are visually impaired.

Check out: http://www.w3.org/TR/2008/REC-WCAG20-20081211/#navigation-mechanisms-focus-visible. More reading here: http://outlinenone.com