css - How to get rid of text box selection highlight on Chrome/Safari?

Question

(This question already has answers here): question from:https://stackoverflow.com/questions/3779577/how-to-get-rid-of-text-box-selection-highlight-on-chrome-safari

Answer 1

The following CSS usually removes the default highlight-border:

input:focus {outline: none; }

It's worth remembering that the outline is a useful visual feedback for the UI focus, for those users not using a mouse (keyboard navigation, for example), and it's worth substituting another visual cue to replace the loss of the outline.