IE上でのCSSのホバリングに関する問題

Question

厳密なdoctypeを持つhtmlページをデザインしています。ページにフォーム要素があります。

私がしたいことは、マウスがフォームに触れるときにinputboxの背景色を変更することです。私はフォームタグのCSS：ホバーセレクタでこれをやっていますが、IEは "a"タグのホバーしか理解できません！

私は私の問題をGoogleで検索し、どのような私が見つけたことにあるき：HTCファイルを使用して

• 。
• javascriptを使用して要素にホバークラスを作成する。
• 大きな「a」タグを作成し、その中にすべての要素を配置します。

しかし、私はこれらの解決策を望んでいません！

IEでこの問題を解決する方法はありませんか？

私のHTMLコード：

<form id="footer-search-form" title="Search" action="#action"> 
    <fieldset> 
     <input type="text" class="footer-search-input" id="q" name="Search"></input> 
     <input type="button" class="footer-search-button" title="Search" value="Search"></input> 
    </fieldset> 
</form> 

私のCSSコード：

#footer-search-form:hover .footer-search-button { background-color: #fff; } 
#footer-search-form:hover .footer-search-input { background-color: #fff; } 

更新：と検索の時間後に私は、JSを使用してそれをやった：

onmouseover="this.setAttribute(document.all?'className':'class','footer-search-hovered');" onmouseout="this.removeAttribute(document.all?'className':'class','footer-search-hovered');"

およびIEはIE8（あるいはIE7以降の任意の要素に:hoverを支えてきた

Answer 1

.footer-search-hovered .footer-search-input, .footer-search-hovered .footer-search-button { background-color: #fff !important; } /* For IE6 compatibility */ 

私はそれを嫌うが、何より良い方法がないようですか...？私は覚えていない）、それは3年以上にわたってリリースされている。確かにあまりにも多くの人がまだIE6を使用しています（主にIEには自動更新機能がありません - は本当にが必要です）。しかし、この美的効果と同じくらいシンプルで、古いものをサポートすることを心配する必要はありません遺物。

Answer 2

本当に問題に遭遇するのはif your users are using IE6です。今日の大半のWeb開発者は、このような古いブラウザのサポートを気にしないので、心配しません。