After I click one of the buttons and go back to the main page, the button that I clicked is bordered with a square blue border. How can I remove this border so that there's no square border around the circle button after I have clicked it?
button {
width: 100px;
height: 100px;
background: #3F6;
border-color: #000;
border-radius: 4em;
}
button:hover {
background: #F00;
}
<a href="#" target="_blank"><button>Test</button></a>
<a href="#" target="_blank"><button>Test</button></a>
<a href="#" target="_blank"><button>Test</button></a>
<a href="#" target="_blank"><button>Test</button></a>
You need to add outline: none;
.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With