Menu Close

How to remove or disable focus border of browser with CSS?

Sometimes, we want to remove or disable focus border of browser with CSS.

In this article, we’ll look at how to remove or disable focus border of browser with CSS.

How to remove or disable focus border of browser with CSS?

To remove or disable focus border of browser with CSS, we select the styles for the :focus pseudo-class.

For instance, we write

:focus {
  outline: none;
}

to set the outline style to none to remove the border of the element that’s in focus.

Conclusion

To remove or disable focus border of browser with CSS, we select the styles for the :focus pseudo-class.

Posted in CSS