How to Remove the Outline Border from an Input Button in Chrome?

Removing the Outline Border from Input Button

When you click outside the input button, the unsightly border disappears. Despite attempts to eliminate it using onfocus: none, the border persists. This article addresses the issue of removing the border when you click on the button.

In Chrome, using outline: none; can eradicate the border issue.

<style>
input[type=button] {
    width: 120px;
    height: 60px;
    margin-left: 35px;
    display: block;
    background-color: gray;
    color: white;
    border: none;
    outline: none;
}
</style>

The above is the detailed content of How to Remove the Outline Border from an Input Button in Chrome?. For more information, please follow other related articles on the PHP Chinese website!