how to remove button outline on click code example

Example 1: css get rid of button outline on click

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

Example 2: how to remove border on button click

.btnName{
	outline: none;
}

Example 3: css remove button outline

button:focus {outline:0;}

Example 4: html button remove border on click

.x-btn:focus, .button:focus, [type="submit"]:focus {
   outline: none;
}

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

Example 6: 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>

Tags:

Misc Example