css remove button border when clicked code example

Example 1: remove button default border css

button:focus { outline: none; }

Example 2: how to remove outline on button

outline: none;

Example 3: 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 4: remove outline on button click

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

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

Tags:

Html Example