Apparently, certain CSS selectors fail to work when declared together.
This page declares the following CSS:
input {
color: blue;
}
.first_input::-webkit-input-placeholder {
color: red;
}
.first_input:-moz-placeholder {
color: red;
}
.second_input::-webkit-input-placeholder, .second_input:-moz-placeholder {
color: red;
}
and contains the following HTML:
<input class="first_input" placeholder="I should be red"> <input class="second_input" placeholder="I should also be red">So both inputs should be red, but only the first one is in Chrome 17:
This is particularly troublesome for CSS minifiers such as Closure Stylesheets, which combine such declarations as part of minification.