비활성화 된 입력에 대한 IE 기본 CSS 재정의

Question

IE 7은 비활성화 된 입력에 자체 글꼴 색상을 적용합니다. 어떻게 이것을 무시하고 내 자신의 글꼴 색을 설정할 수 있습니까?

Answer 1

입력을 클래스에 입력하고 CSS를 통해 스타일을 추가하십시오.

HTML :

<input class="dis" disabled="disabled" value="something"></input> 

CSS

.dis{color:red;} 

작업 예 : Diodeus 주석으로 http://jsfiddle.net/TQUhD/1

: 장애인은 IE에서 지원되지 않습니다 : http://reference.sitepoint.com/css/pseudoclass-disabled

Answer 2

는 대한 스타일이 없습니다 disabled. CSS3은 :disabled을 지원하지만 IE7은 지원하지 않습니다.

kmb385 님의 제안은 아마도 당신이 할 수있는 최선입니다.

Answer 3

IE7은 [attr] selector 지원하므로 간단하게 사용할 수 있습니다

input[disabled] 
{ 
    color: red; 
} 

이것은 당신이 추가 클래스 때를 설정할 수있는 경우 DHTML 문제 (당신이 그것을 시도 할 것)을 일으킬 수 있습니다 동적 요소 작업 : [attr]는 "이 속성"선택입니다

input.disabled, 
input[disabled] 
{ 
    color: red; 
} 

하는 것으로, CSS의 사양에 a bunch of other selectors있다. disabled은 boolean attribute이므로 특정 값이 아닌 그 존재 여부 만 확인하면됩니다.

Answer 4

CSS 사용 클래스 기반의 접근 방식을 설정을 무시하고 이벤트와 플레이 할 필요는 완벽하게 작동

당신이 할 수있는 한 가지 : < 버튼 클래스 = "비활성화"하면 onMouseDown = "반환 checkDisable();" >

기능 checkDisable() {

if($(this).hasClass('disabled') { return false;} 

}