How To Remove Outline Border From Input Button

Cindy Turlington picture Cindy Turlington · Nov 10, 2013 · Viewed 360.8k times · Source

when click somewhere else the border disappears, tried onfocus none, but didn't help, how to make ugly button border disappear when click on?

Answer

Ankit Agrawal picture Ankit Agrawal · Nov 10, 2013

using outline:none; we can remove that border in chrome

<style>
input[type="button"]
{
    width:120px;
    height:60px;
    margin-left:35px;
    display:block;
    background-color:gray;
    color:white;
    border: none;
    outline:none;
}
</style>