button class
Standard HTML tag for defining buttons.
The following illustrations show:
-
The button style before applying CSS changes.
-
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 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'; } |
Updated over 2 years ago