Internet Explorer에서 비활성화된 텍스트 상자의 색상을 변경하는 방법은 무엇입니까?

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

Internet Explorer(IE) 6 및 7에서 비활성화된 텍스트 상자의 색상을 변경할 수 없는 문제는 다음과 같습니다. 간단한 클래스를 사용하여 Firefox에서 쉽게 수행할 수 있는 것과 비교하면 실망스러운 제한입니다.

IE의 CSS 제한

이 문제의 근본 원인은 IE가 해석하는 방식에 있습니다. 비활성화된 양식 필드에 CSS 규칙이 적용되었습니다. 컨텍스트에 관계없이 CSS 규칙의 우선순위를 지정하는 Firefox 및 WebKit 기반 브라우저와 달리 IE는 양식 요소를 렌더링하기 위해 운영 체제의 기본 위젯 세트에 크게 의존합니다.

'읽기 전용' 대안

이 제한에 대한 해결책은 텍스트 상자에 'disabled' 대신 'readonly' 속성을 사용하는 것입니다. 이렇게 하면 컨트롤이 OS 수준 비활성화된 위젯으로 렌더링되지 않으므로 CSS를 사용하여 스타일을 더 유연하게 지정할 수 있습니다.

원하는 효과를 얻으려면 다음과 같은 CSS 클래스(예: '비활성화')를 생성하세요. 특정 배경색이나 글꼴 색상과 같은 비활성화된 텍스트 상자의 스타일을 정의합니다. 그런 다음 HTML에서 이 클래스를 '읽기 전용' 텍스트 상자에 적용하여 모양을 제어합니다.

<code class="html"><textarea readonly class="disabled">Hello</textarea></code>

이 솔루션을 사용하면 IE에서 비활성화된 텍스트 상자의 모양을 특정 요구 사항에 맞게 사용자 정의하여 일관성을 유지할 수 있습니다. 다양한 브라우저에서 사용할 수 있습니다.

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