Skip to content
Home » How to remove button decoration in CSS

How to remove button decoration in CSS

Let’s start the discussion about How to remove button decoration in CSS in following Approaches.

The border: none; will likewise perform the job without providing an outline because an outline is a line drawn outside the element’s boundary. As a result, when there is no border, the outline attribute has no meaning. Background abbreviation CSS attribute is used to set all background style properties at once, such as colour, image, origin and size, and repeat technique. So, if you set its value to none, it disables your button from having any colour, picture, and so on….

how to remove button decoration ?

button {
    border: none;
}

button:focus {
    border: none;
    outline: none;
}

button:focus{
    outline:none !important;
}
(add !important if it is used in Bootstrap)

remove button default border css ?

button:focus { outline: none; }

I hope the strategies listed above work for you. Happy coding and come back again.

Similar Post : How to modulo decimal c