Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Button Styles
.button,
a.button,
button,
input[type="submit"],
input[type="button"] {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #f8f8f8;
border: 1px solid #ddd;
color: #fff;
cursor: pointer;
display: inline-block;
-webkit-font-smoothing: antialiased;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 1.5em;
margin: 0;
padding: .8em 5em;
text-align: center;
text-decoration: none;
-moz-transition: background .2s;
-webkit-transition: background .2s;
transition: background .2s;
vertical-align: bottom;
white-space: nowrap;
}
.button:hover,
a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
background: #ddd;
text-decoration: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.