html - How to remove the square border from around a button which has already been visited? -
after click 1 of buttons , go main page, button clicked bordered square blue border. how can remove border there's no square border around circle button after 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 can add outline-style:none on focus in css this:
button:focus { outline-style: none; }
here's example.
Comments
Post a Comment