Skip to content

Instantly share code, notes, and snippets.

@boton
Forked from zslabs/gist:97c00e3e7826df643c4097f6636b4a14
Last active April 3, 2018 17:10
Show Gist options
  • Select an option

  • Save boton/c0bbe02dccbd5a5fac3d97dc1b1d116a to your computer and use it in GitHub Desktop.

Select an option

Save boton/c0bbe02dccbd5a5fac3d97dc1b1d116a to your computer and use it in GitHub Desktop.
<button> reset
/***
<button> reset
1. Remove default browser appearance for buttons.
2. Remove margins.
3. Remove borders for IE.
4. Normalize font and color not inherited by `button`.
5. Address `overflow` in IE
6. Normalize cursor style
7. Normalize line-height
8. Normalize text-align
9. Remove inner padding and border in Firefox 4+.
***/
.button--reset {
/* 1 */
appearance: none;
background: transparent;
/* 2 */
padding: 0;
margin: 0;
/* 3 */
border-width: 0;
/* 4 */
font: inherit;
text-decoration: none;
color: inherit;
/* 5 */
overflow: visible;
/* 6 */
cursor: pointer;
/* 7 */
line-height: normal;
/* 8 */
text-align: inherit;
}
/* 9 */
.button--reset::-moz-focus-inner {
border: 0;
padding: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment