0

in my situation the following CSS code is not applied anywhere, IE, Firefox, Chrome, Edge

#products input::-moz-placeholder,
#products input::placeholder,
#products input:-ms-input-placeholder,
#products input::-webkit-input-placeholder {
    color: red;
}

But this code works for every browser.

#products input::-moz-placeholder {
    color: red;
}

#products input::-webkit-input-placeholder {
    color: red;
}

#products input:-ms-input-placeholder {
    color: red;
}

Why the first code snippet is not working ? What am I missing.

mihkov
  • 1,171
  • 13
  • 37
  • 1
    because for each browser there is a wrong one ignored .. so if you put them together all of them will be ignored – Temani Afif Jul 23 '18 at 11:07
  • Thanks didn't know that: `Note: don't mix the vendor prefix selectors (-moz, -webkit, -ms, ...). Chrome for example won't understand "-moz-" and then ignores the whole selector` – mihkov Jul 23 '18 at 11:28

0 Answers0