IE8の焦点にあるすべての読み取り専用要素にいくつかのCSSを適用するにはどうすればよいですか？

Question

フォーカスのあるすべての読み取り専用要素にいくつかのCSSを適用したいのですが、私はIE8でそれを行う方法がわかりません。

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

は非常に奇妙ですと不透明度がIE8と、バックグラウンドでさえで適用されている理由私は、アウトラインが適用されません理解していない：Firefoxの、クロムの場合は、それが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; 
}