Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<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: none;
// 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
&::-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
You can’t perform that action at this time.