One line of code to remove :focus blue outline and keep #accessibility
▻https://hackernoon.com/one-line-of-code-to-remove-focus-blue-outline-and-keep-accessibility-bca
One line of code to remove :focus blue outline and maintain accessibilityEveryone encounters this problem every time they make a web page with a button… The odd and out of place blue outline around a button after it is clicked [see below]After clicking a button, the blue outline appears to indicate that it is in focus.One approach is to remove the outline with css:▻https://medium.com/media/69122725b2413cca675d3af9f32bcf18/hrefThe purpose of the outline is to improve website accessibility to those with disabilities or those who are navigating with only a keyboard, so we cannot just get rid of it altogether. We want to remove the outline only after the button is pressed.If you look around online, there are many overly complicated solutions that detect if the button is highlighted from a click (...)