IE8에서 비활성화된 입력 컨트롤의 색상을 변경할 수 없는 이유는 무엇입니까?

IE8의 색상 딜레마: 비활성화된 HTML 컨트롤 스타일 지정

겉보기에는 간단해 보이는 CSS의 특성에도 불구하고 브라우저 간에 불일치가 발생합니다. 이러한 이상한 점 중 하나는 Internet Explorer 8에서 비활성화된 HTML 컨트롤의 스타일에 있습니다. 대부분의 브라우저는 CSS가 지정한 색상을 의무적으로 채택하지만 IE8은 비활성화된 속성을 사용할 때 이 규칙을 무시합니다.

문제의 코드

아래 CSS 스니펫은 비활성화된 입력 컨트롤의 색상을 변경하도록 설계되었습니다.

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

브라우저 전투

이 코드 대부분의 브라우저에서 성공하여 비활성화된 컨트롤에 원하는 회색 음영을 부여합니다. 그러나 IE8은 스타일 수정에도 불구하고 기본 회색 텍스트 색상을 고집스럽게 유지한다는 점에서 차별화됩니다.

충돌의 원인

이 시나리오의 범인은 비활성화된 속성 자체입니다. . IE8에서는 CSS에서 정의한 색상 설정을 무시하고 특정 회색 값을 텍스트에 할당합니다. 이 동작은 비활성화된 컨트롤에만 적용됩니다. 배경 및 테두리 색상과 같은 다른 속성은 여전히 ​​CSS 조작에 취약합니다.

결론

IE8의 답답할 정도로 완고한 동작으로 인해 CSS를 통해 비활성화된 컨트롤 색상을 완전히 사용자 정의할 수 없지만, 그 기본 논리를 인식하는 것이 중요합니다. 브라우저는 비활성화된 속성을 준수하므로 비활성화된 컨트롤이 웹사이트 전체에서 일관된 시각적 신호를 유지하여 접근성을 향상시킵니다.

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