remove button border on click css code example

Example 1: css get rid of button outline on click

button:hover, button:focus {
  outline: none;
}

Example 2: remove button default border css

button:focus { outline: none; }

Example 3: how to get rid of button outline when clicked

*:focus {
    outline: 0 !important;
}

Example 4: button remove border if click

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

Example 5: remove outline on button click

using outline:none; we can remove that border in chrome

for tailwind css :
outline-none 
focus:outline-none