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

apache - Remove .php and add trailing slash in url using htaccess not loading css -

inno setup - TLabel or TNewStaticText - change .Font.Style on Focus like Cursor changes with .Cursor -