2014-06-23 2 views
4

-ms-input-placeholder에 대한 color 설정이 입력 필드의 색상 설정으로 대체되고있는 이유는 무엇입니까? (input[type=text],input[type=password], textarea, select)IE 10에서 CSS 텍스트 색상이 자리 표시 자 색상을 대체합니까?

Chrome 및 Firefox에서 제대로 작동합니다.

-ms-input-placeholder이 빨간색으로 설정되어 있어도 파란색 자리 표시 자 텍스트가있는 이미지를 참조하십시오.

IE 10 Dev Tools

답변

7

기회는 당신의 input[type=text] 선택기 (모두 선택자는 동등하게 특정하기 때문에)는 우선 원인이되는 스타일 시트,에 input:-ms-input-placeholder 선택 후 나타날 수 있습니다. 그렇다면 자리 표시 자 규칙을 우선 순위 아래로 이동하여 우선 순위 규칙을 우선 적용해야합니다.

Chrome과 Firefox에서 작동하는 가장 큰 이유는 유사 클래스 인 pseudo-element를 사용하여 자리 표시 자 텍스트를 대상으로 지정했기 때문입니다.이 텍스트는 전혀 다른 것입니다.

+0

당신은 절대적으로 옳습니다. 하지만 두 선택기가 모두 똑같이 구체적입니까? 논리적으로, 자리 표시자는 입력 필드 안에 있습니다. –

+0

@Joshua Fox : -ms-input-placeholder가 의사 클래스이므로 selector는 실제로 입력을 대상으로하며 자리 표시자를 대상으로하지 않습니다. 자리 표시자는 내가 생각하는 색상을 상속합니다. – BoltClock

+0

제 문제는 IE 10이 자리 표시 자 텍스트에 "색"을 사용하고 있다는 것입니다. 그것이 왜 저를 넘어서는 것입니까. – frodo2975

관련 문제