- Instant help with your CSS coding problems

Remove focus border around input element

How to remove focus border around input element?
*:focus {
  outline: none;

When an HTML element is in focus , then browsers will put a border around it. This border is called outline and can be controlled by the outline CSS property.

The outline CSS shorthand property set all the outline properties (outline-color , outline-style , and outline-width ) in a single declaration.

Assigning outline a value of 0 or none will remove the browser's default focus style. If an element can be interacted with it must have a visible focus indicator. Provide obvious focus styling if the default focus style is removed.

Share "How to remove focus border around input element?"
Interesting things
OpanAi's ChatGPT