How to reset / remove chrome’s input highlighting / focus border? [duplicate]

by

You should be able to remove it using 

outline: none;

but keep in mind this is potentially bad for usability: It will be hard to tell whether an element is focused, which can suck when you walk through all a form’s elements using the Tab key – you should reflect somehow when an element is focused.

More Related Contents:

  1. How to remove focus border (outline) around text/input boxes? (Chrome) [duplicate]
  2. Removing the image border in Chrome/IE9
  3. Remove white space below image [duplicate]
  4. How to remove the border highlight on an input text element
  5. Any way to declare a size/partial border to a box?
  6. CSS Property Border-Color Not Working
  7. Control the dashed border stroke length and distance between strokes
  8. How do I force a DIV block to extend to the bottom of a page even if it has no content?
  9. Hover effect : expand bottom border
  10. Chrome Font appears Blurry
  11. Height 100% on flexbox column child [duplicate]
  12. Double border with different color [duplicate]
  13. Enable :focus only on keyboard use (or tab press)
  14. What do the crossed style properties in Google Chrome devtools mean?
  15. Borders not shown in Firefox with border-collapse on table, position: relative on tbody, or background-color on cell
  16. CSS-Only Sticky Table Headers In Chrome
  17. Fonts looks different in Firefox and Chrome
  18. Border within border CSS
  19. What is the difference between outline and border CSS properties?
  20. CSS border less than 1px [duplicate]
  21. Anyway to prevent the Blue highlighting of elements in Chrome when clicking quickly?
  22. Can I have different colored left and top borders in CSS?
  23. text flowing out of div
  24. chrome : how to turn off user agent stylesheet settings?
  25. Chrome & Safari Error::Not allowed to load local resource: file:///D:/CSS/Style.css
  26. Font-size
  27. Image moves on hover when changing filter in chrome
  28. Combine CSS Attribute and Pseudo-Element Selectors?
  29. input type=”image” shows unwanted border in Chrome and broken link in IE7
  30. Inner border over images with CSS?

Leave a Comment