How To Remove Outline Border From Input Button

css 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>

Related questions

trying to align html button at the center of the my page

I'm trying to align an HTML button exactly at the centre of the page irrespective of the browser used. It is either floating to the left while still being at the vertical centre or being somewhere on the page like …

Read More
How to center buttons in Twitter Bootstrap 3?

I am building a form in Twitter Bootstrap but I'm having issues with centering the button below the input in the form. I have already tried applying the center-block class to the button but that didn't work. How should I …

Read More
Embed image in a <button> element

I'm trying to display a png image on a <button> element in HTML. The button is the same size as the image, and the image is shown but for some reason not in the center - so it's …

Read More