remove border on click button 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 remove border on button click
.btnName{
outline: none;
}
Example 4: how to get rid of button outline when clicked
*:focus {
outline: 0 !important;
}
Example 5: 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 6: remove outline on button click
using outline:none; we can remove that border in chrome
for tailwind css :
outline-none
focus:outline-none