비활성화된 텍스트 상자의 텍스트 색상 변경이 IE6/7 및 Firefox에서 다르게 작동하는 이유는 무엇입니까?

IE 비활성화된 텍스트 상자 글꼴 색상 수정

Firefox에서는 CSS 클래스를 사용하여 비활성화된 텍스트 상자의 텍스트 색상을 간단하게 수정할 수 있습니다. . 그러나 이 기술은 Internet Explorer 버전 6과 7에서는 부족합니다.

비활성화된 텍스트 상자의 텍스트 색상을 빨간색으로 변경하려는 의도로 클래스를 적용하면 IE에서는 회색 텍스트가 표시되고 Firefox에서는 텍스트가 회색으로 표시된다는 우려가 있습니다. 원하는 빨간색. 다른 브라우저에서도 비슷한 동작 변화가 나타납니다.

이러한 불일치는 운영 체제가 양식 필드 렌더링에 적용하는 제어 수준이 다르기 때문에 발생합니다. 일부 측면은 다른 측면보다 CSS 규칙을 더 밀접하게 따릅니다. 이 경우에는 스크립팅 방법을 적용할 수 없습니다.

권장되는 해결 방법은 'disabled' 대신 'readonly' 속성을 사용하고 CSS(예: 'class="disabled"' 기반)를 활용하여 재생성하는 것입니다. 장애인의 모습. '읽기 전용' 입력 요소는 OS 수준에서 비활성화된 위젯으로 렌더링되지 않으므로 더 많은 사용자 정의 옵션이 가능합니다.

위 내용은 비활성화된 텍스트 상자의 텍스트 색상 변경이 IE6/7 및 Firefox에서 다르게 작동하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!