Categories
CSS

How to remove the blue border from CSS custom-styled button in Chrome?

Spread the love

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.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Leave a Reply

Your email address will not be published. Required fields are marked *