input disabled css ie8

html 제어하다보면, 

<input type="text" name="test" value="test" disabled>

위 처럼 disabled를 먹일 수 있다. 

disabled를 먹으면, 그 인풋 태그는 클릭하거나 입력 할 수 없는 상태가 되는데,

사용자에게 알려줘야하는 이유로 

따로! style을 먹이고 싶은 게 있다. 

익스플로러 8을 고려하지 않은 css는... 

<style type="text/css">
input[type="text"]:disabled {
background: red;
}
</style>

이렇게 먹이면 된다. 하지만 익스 플로러 8버전을 준수해야한다면... 

<style type="text/css">
input[disabled='disabled']{
background: red;
}
</style>

이렇게 하면 된다. 맘 편하게 !! 

Finally

<style type="text/css">
input[type="text"]:disabled {
background: red;
}

input[disabled='disabled']{
background: red;
}
</style>

위 처럼 선언해주면 익스8버전이든 아니든 disabled attribute에 먹게된다!!