2

:hoverの色が変更されたテキストボタンがあります。ボタンをクリックすると、その中にあるdivが縮小され、クリックしたマウスカーソルの下からボタンが移動します。これを行うと、ボタンが:hover状態のままになるため、ホバー以外の色に戻ることはありません。ボタンを強制的にホバー状態から外す方法はありますか(その時点では確実にホバーされないことがわかっているため)?

ここでのjsfiddleの例:http://jsfiddle.net/forgetcolor/vYjMv/6/

ps:jsfiddleの例では、自分でマウスを動かすとすぐに状態が変化することを知っていますが、残念ながら、自分の例では、ボタンをもう一度動かすまでは変化しません。これは、私の場合、縮小要素が移動したときにマウスカーソルの下に残っているのは、PDFが含まれているiframeであるためだと思います(?)

4

1 に答える 1

1

:hoverCSSではセレクターを使用せず、.hover代わりにクラスを使用します。mouseover次に、このクラスを/に明示的に割り当てmouseout、必要に応じて明示的に削除できます。

これで問題は解決しますか?

アップデート

提案:jQueryを使用して$().hover()ください。

于 2012-05-12T22:43:12.417 に答える