button

Standard HTML tag for defining buttons. Note that social login buttons (such as Facebook or Twitter are managed using a separate CSS class).

The following illustrations show:

  1. The button style before applying CSS changes.
  2. The button style after the background-color and borderproperties have been changed to purple and the color property has been changed to yellow.
Default CSS Modified 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';
}