我該如何強制關閉懸停狀態？

Question

我有一個帶有懸停顏色變化的文本按鈕。單擊該按鈕可以縮小它所在的div，從而將按鈕從鼠標光標下移出，並將鼠標光標移動到該按鈕上。這樣做會使按鈕處於：懸停狀態，因此它不會變回非懸停顏色。有沒有什麼辦法可以讓按鈕離開懸停狀態（因爲我知道那一刻肯定不會懸停）？

的jsfiddle例如這裏：http://jsfiddle.net/forgetcolor/vYjMv/6/

PS：我儘快知道上的jsfiddle例子，因爲我把鼠標移動自己的狀態發生變化，但不幸的是我自己的例子也並不---直到我動再次按下按鈕。我猜這是因爲在我的情況下，當收縮元素移動時，鼠標光標下面剩下的是帶有PDF的iframe（？）

Answer 1

我不會在CSS中使用:hover選擇器，而是使用.hover上課。然後，您可以明確地將此類指定給mouseover/mouseout，並在需要時明確將其刪除。

這是否解決您的問題？

UPDATE

建議：使用jQuery的$().hover()。