Skip to content

Instantly share code, notes, and snippets.

Last active August 29, 2015 14:01
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save aekaplan/2d6ff67a23c7e35fc1fb to your computer and use it in GitHub Desktop.
Button Styles
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;
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