Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Remove border from buttons

Tags:

html

css

button

People also ask

How do I get rid of the outline button?

If you want to remove the focus around a button, you can use the CSS outline property. You need to set the “none” value of the outline property.

How do you remove the border on a button focus?

To remove focus around the button outline:none property is used. Outline property: Outline is an element property which draws a line around element but outside the border. It does not take space from the width of an element like border.

How do you make a button border invisible in HTML?

#button { border: none; } This seems to work just fine.


Add

padding: 0;
border: none;
background: none;

to your buttons.

Demo:

https://jsfiddle.net/Vestride/dkr9b/


This seems to work for me perfectly.

button:focus { outline: none; }

I was having the same problem and even though I was styling my button in CSS it would never pick up the border:none but what worked was adding a style directly on the input button like so:

<div style="text-align:center;">
    <input type="submit" class="SubmitButtonClass" style="border:none;" value="" />
</div>

input[type="button"] {
border: none;
outline:none;
}