Sometimes, we want to remove the blue border from CSS custom-styled button in Chrome.
In this article, we’ll look at how to remove the blue border from CSS custom-styled button in Chrome.
How to remove the blue border from CSS custom-styled button in Chrome?
To remove the blue border from CSS custom-styled button in Chrome, we set the outline property.
For instance, we write
button:focus {
outline: none;
box-shadow: none;
}
to set the outline and box-shadow properties to none to remove the blue outline on the button when we focus on the button.
Conclusion
To remove the blue border from CSS custom-styled button in Chrome, we set the outline property.