CSS를 사용하여 IE8에서 비활성화된 HTML 컨트롤의 색상을 변경할 수 없는 이유는 무엇입니까?

CSS를 사용하여 IE8에서 비활성화된 HTML 컨트롤의 색상 변경

CSS를 사용하여 비활성화된 입력 컨트롤의 색상을 변경해 보았으나 IE8에서는 작동하지 않는 것 같습니다. 이유를 이해하고 기본 동작을 재정의하는 방법을 찾고 싶습니다.

사용한 CSS:

<code class="css">input[disabled='disabled'] {
  color: #666;
}</code>

대부분의 브라우저에서는 잘 작동하지만 IE8에서는 작동하지 않습니다. 이는 IE8이 비활성화된 요소에 대해 특정 동작을 가지고 있기 때문입니다. 색상 속성을 이상한 흰색 그림자와 함께 기본 회색으로 재정의합니다.

그 이유는 IE8에서 비활성화된 요소가 다음과 같은 것으로 간주되기 때문입니다. "비활성" 컨트롤이고 브라우저는 이를 나타내기 위해 특정 스타일을 해당 컨트롤에 적용합니다. 불행하게도 이 스타일에는 텍스트에 강제 회색 색상이 포함되어 있어 적용하려는 CSS보다 우선 적용됩니다.

이 동작을 방지하고 IE8에서 비활성화된 컨트롤의 색상을 변경하는 유일한 방법은 다른 접근 방식을 사용하는 것입니다. . 한 가지 가능한 해결책은 비활성화된 속성 대신 :disabled 의사 클래스를 사용하는 것입니다.

<code class="css">input:disabled {
  color: #666;
}</code>

이 의사 클래스는 비활성화된 속성이 설정된 요소를 대상으로 하지만 실제로는 비활성화된 속성을 설정하지 않습니다. 그 자체. 결과적으로 IE8에서는 더 이상 컨트롤을 "비활성"으로 간주하지 않으며 기본 스타일을 재정의할 수 있습니다.

위 내용은 CSS를 사용하여 IE8에서 비활성화된 HTML 컨트롤의 색상을 변경할 수 없는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!