Guide
TrainingSupportCommunity

button class

Suggest Edits

Standard HTML tag for defining buttons.

The following illustrations show: 

  1. The button style before applying CSS changes.

  2. The button style after the background-color and border properties have been changed to purple and the color property has been changed to yellow.

Default CSSModified CSS


button {
background-color: #5F80C5;
border: 1px solid #5F80C5;
border-radius: 2px;
cursor: pointer;
color: #fff;
padding: 10px 15px;
margin: 0px;
font-size: 18px;
font-family: 'Roboto';
}

button {
background-color: purple;
border: 1px solid purple;
border-radius: 2px;
cursor: pointer;
color: yellow;
padding: 10px 15px;
margin: 0px;
font-size: 18px;
font-family: 'Roboto';
}

Updated over 2 years ago