Sometimes, we want to remove focus border (outline) around text/input boxes with CSS.
In this article, we’ll look at how to remove focus border (outline) around text/input boxes with CSS.
How to remove focus border (outline) around text/input boxes with CSS?
To remove focus border (outline) around text/input boxes with CSS, we set the outline property.
For instance, we write
textarea:focus,
input:focus {
outline: none;
}
to remove the outline when we focus on the input or textarea with outline: none;.
Conclusion
To remove focus border (outline) around text/input boxes with CSS, we set the outline property.