Internet Explorer에서 비활성화된 텍스트 상자의 텍스트 색상을 변경할 수 없는 이유는 무엇입니까?

Internet Explorer에서 텍스트 상자 텍스트 색상 비활성화

비활성화된 텍스트 상자의 텍스트 색상은 간단한 클래스를 사용하여 Firefox에서 수정할 수 있는 것으로 관찰됩니다. 그러나 IE 6 및 7에서 이를 달성하는 것은 여전히 ​​어려운 일입니다.

원래 쿼리에서는 인라인 CSS가 Firefox에서 비활성화된 텍스트 상자의 텍스트 색상을 변경할 수 있다고 제안합니다.

<textarea disabled="disabled" style="color: red;">Hello</textarea>

그러나 이 접근 방식은 IE에서는 회색 텍스트를 생성하고 Firefox에서는 빨간색으로 표시합니다. Opera와 같은 다른 브라우저도 회색 텍스트를 표시하는 반면 WebKit 브라우저는 빨간색으로 표시합니다.

문제는 CSS가 양식 필드를 렌더링하는 방식에서 발생합니다. IE에서 이러한 필드는 일반적으로 CSS 규칙을 무시하고 운영 체제의 위젯 세트를 사용하여 렌더링됩니다. 다른 브라우저는 CSS 규칙의 우선순위를 지정하는 경향이 있어 불일치가 관찰됩니다.

이 문제를 해결하려면 '비활성화' 대신 '읽기 전용' 속성을 사용하는 것이 좋습니다. 'class="disabled"' 지정을 적용하면 필요한 양식 제어 제한을 유지하면서 비활성화된 텍스트 상자의 모양을 사용자 정의할 수 있습니다. '읽기 전용'은 원래 텍스트 상자 스타일을 유지하므로 CSS를 통해 더 많은 사용자 정의가 가능합니다.

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