Style option buttons in FF

This commit is contained in:
narcolepticinsomniac 2017-12-07 21:17:51 -05:00 committed by GitHub
parent 1e230195fd
commit dd1b30b000
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -27,9 +27,31 @@ body {
max-width: 800px; max-width: 800px;
} }
.firefox button {
-moz-appearance: none;
user-select: none;
padding: 3px 7px;
border: 1px solid hsl(0, 0%, 62%);
font: 400 13px Arial;
line-height: 13px;
color: #000;
background-color: hsl(0, 0%, 100%);
background: url(../images/button.png)repeat-x;
background-size: 100% 100%;
transition: background-color .25s, border-color .25s;
}
.firefox button:hover {
background-color: hsl(0, 0%, 95%);
border-color: hsl(0, 0%, 52%);
}
.firefox.moz-appearance-bug button:not(.install) {
padding: 2px 4px;
}
:-webkit-any(button,input[type="button"],input[type="submit"]) { :-webkit-any(button,input[type="button"],input[type="submit"]) {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none;
user-select: none; user-select: none;
padding: 3px 7px; padding: 3px 7px;
border: 1px solid hsl(0, 0%, 62%); border: 1px solid hsl(0, 0%, 62%);