ie(익스플로러)에서 textarea disabled 텍스트 색 변경하는 방법

textarea를 사용하여 내용을 보여주고 수정할 수는 없도록 하기위해 disabled 속성을 적용하게되면 익스플로러, ie에서 텍스트색상이 적용되지 않습니다. 태그에 브라우저가 가지는 기본 스타일 값이 우선되기 때문인데 단순 css만으로 해결되지 않으므로 다른 방법이 필요합니다.

이를 해결하기 위해 가장 간편한 방법은 바로 disabled 속성을 다른 속성으로 변경하는 것입니다.

물론 사용자가 작성이 불가능한 다른 속성을 이용해야겠죠. 사용자가 입력가능하게 하면 안되니까요. 그래서 사용할 속성이 readOnly 입니다.

readOnly 속성은 사용자 입력이 불가능하면서 텍스트 색은 그대로 보여주게됩니다. 예를들어...



위 코드는 익스플로러 및 기타 브라우저에서 다른 스타일이 적용되 보여줄 수 있습니다. 이를 아래와 같이 변경합니다.