IE8에서 포커스가있는 모든 읽기 전용 요소에 대해 일부 CSS를 적용 할 수 있습니까?

Question

포커스가있는 모든 읽기 전용 요소에 대해 일부 CSS를 적용하려고합니다. IE8에서이를 수행하는 방법을 모르겠습니다.

(background:#F8F8F8 !important; outline:none !important;) 

매우 이상하고 불투명도가 IE8 및 배경에도 적용되는 이유는, 윤곽이 적용되지 않습니다 이해가 안 : 파이어 폭스, 크롬의 경우,이 IE8를 제외한 작동 오페라 늘이를 볼 수 있습니다.

*[readonly]{ 
    opacity: 0.5; 
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55); 
    box-shadow:none !important; 
    -webkit-box-shadow:none !important; 
    background:#F8F8F8 !important; 
    outline:none !important; 
    } 

누군가가 도움을 줄 수있는 경우 감사합니다.

Answer 1

초점을 맞추기를 원하면 :focus 가상 클래스를 포함해야합니다. 다음 단계는 정상적으로 필요한 경우가 아니면 !important을 모두 없애는 것입니다.

[readonly]:focus { 
    opacity: 0.5; 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55); 
    box-shadow: none; 
    -webkit-box-shadow: none; 
    background: #F8F8F8; 
    outline: none; 
}