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

Popular posts from this blog

hibernate - How to load global settings frequently used in application in Java -

objective c - Ownership modifiers with manual reference counting -

python 3.x - Mapping specific letters onto a list of words -