IE6/IE7에서 비활성화된 텍스트 상자 텍스트 색상을 사용자 정의하는 방법은 무엇입니까?

IE에서 비활성화된 텍스트 상자 텍스트 색상 사용자 정의

소개:

비활성화된 텍스트 상자의 텍스트 색상을 변경하는 것은 일반적인 요구 사항입니다. 웹 개발 중. 이 작업은 Firefox와 같은 최신 브라우저에서는 간단하지만 Internet Explorer(IE) 버전 6 및 7에서는 문제가 됩니다.

도전 과제:

CSS를 적용하는 경우 IE6/IE7에서 텍스트 상자를 비활성화하는 클래스를 사용하면 텍스트 색상이 예상대로 변경되지 않습니다. 텍스트 색상 사용자 정의를 허용하는 Firefox와 달리 IE는 비활성화된 텍스트 상자 텍스트를 고정된 회색 음영으로 렌더링합니다.

해결책:

IE6에서 비활성화된 텍스트 상자의 텍스트 색상 사용자 정의를 달성하려면 /IE7에서는 다음 기술을 사용합니다:

1. 'readonly' 속성 사용:

'disabled' 속성을 사용하는 대신 'readonly' 속성을 사용하세요. 텍스트 상자를 운영 체제 수준 위젯으로 렌더링하는 '비활성화'와 달리 '읽기 전용'을 사용하면 더 많은 CSS 기반 사용자 정의가 가능합니다.

2. 사용자 정의 스타일 적용:

특별히 '읽기 전용' 텍스트 상자를 대상으로 하고 'color' 속성을 사용하여 원하는 텍스트 색상을 적용하는 CSS 클래스를 만듭니다. 예:

<code class="css">textarea[readonly] {
  color: red;
}</code>

설명:

'비활성화' 대신 '읽기 전용'을 사용하면 브라우저에 CSS 스타일을 더 자유롭게 적용할 수 있습니다. 이 해결 방법을 사용하면 기본 비활성화 상태 모양을 재정의하고 필요에 따라 텍스트 색상을 사용자 정의할 수 있습니다.

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