CSS: Fix placeholder color in FF

This commit is contained in:
Eric Lippmann 2015-11-23 11:36:59 +01:00
parent 7c6471da86
commit ff500f4a0f
1 changed files with 22 additions and 16 deletions

View File

@ -15,6 +15,28 @@ input {
}
}
input:-moz-placeholder { // FF 18-
color: inherit;
opacity: 1;
}
input::-moz-placeholder { // FF 19+
color: inherit;
opacity: 1;
}
input:-ms-input-placeholder {
color: inherit;
}
input::-webkit-input-placeholder {
color: inherit;
}
input[placeholder] {
color: inherit;
}
input.search {
padding-left: 20px;
background: transparent url('../img/icons/search.png') no-repeat 2px;
@ -23,22 +45,6 @@ input.search {
&:focus {
background-color: @body-bg-color;
}
&::-webkit-input-placeholder {
color: inherit;
}
&:-moz-placeholder {
color: inherit;
}
&::-moz-placeholder {
color: inherit;
}
&:-ms-input-placeholder {
color: inherit;
}
}
input, select, textarea {