여러 공급 업체의 자리 표시 자 스타일이 작동하지 않습니다.

Question

나는 매우 이상한 버그를 발견했습니다. 자리 표시자를 색칠 한 ::-webkit-input-placeholder 규칙을 정의했습니다. 한편 이러한 선택의 각각 서로가 전혀 작동하지 않는 쉼표로 구분하여, 그 자체가 (웹킷 전용 또는 MOZ 만 해당)에서 작동

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

을 : 그럼 하나의 규칙으로 그들을 결합, 그것에 ::-moz-placeholder을 추가했습니다. 이 jsfiddle의 예제를 참조하십시오.이 웹킷과 Firefox에서 모두 시도 할 수 있습니다.

Answer 1

브라우저가 유효하지 않은 선택기를 발견하면 선택기의 전체 목록을 무시합니다. -moz은 (는) 웹킷에서 인식하지 않으며 -webkit은 (는) 파이어 폭스에서 인식하지 못합니다. 두 브라우저에서 모두 실패하는 이유입니다.

동의어 : this comment from CSS-Tricks에 따르면 IE7이 다르게 동작합니다.