Guide
Start typing to search…
  1. Hosted Login screens reference
  2. Hosted Login v1 CSS legacy classes

button class

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 {<br/> background-color: #5F80C5; <br/> border: 1px solid #5F80C5; <br/> border-radius: 2px; <br/> cursor: pointer; <br/> color: #fff; <br/> padding: 10px 15px; <br/> margin: 0px; <br/> font-size: 18px; <br/> font-family: 'Roboto'; <br/>}

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

Updated 19 days ago