How to remove outline on circular button when clicked
css, html
Solution
In this example I have changed the `border-color` from blue to `transparent` and added `outline:none;` on `:focus` (could also add not enabled)
Hope this helps
button {width:50px;
height:50px;
background-image:url("http://www.rachelgallen.com/images/purpleflowers.jpg");
background-size:70% 70%;
background-repeat:no-repeat;
background-position:center center;
border-width:3px;
border-style: solid;
border-color:#000099;
}
button:focus{
border-color:transparent!important;
outline:none;
}
<button>
</button>
Problem
How do I remove the blue border around my circular button when I click it.