CSS懸停功能

-1

我有一些JS寫道，當一個表格行被點擊時，刪除該ID的CSS。CSS懸停功能

在我的筆記本電腦瀏覽器中，點擊發生時類不會被移除，但當光標移出元素（在這種情況下爲TR）時不會移除。

我發現造成這是下面的CSS代碼，因爲它是相同的懸停顏色作爲重點，以幫助用戶選擇正確的行問題：

tr:hover td{ background-color:#003f7f; color:#ffffff;}

在我的iPhone例如CSS類因爲沒有光標，所以在頁面刷新之前不會被刪除。

有沒有辦法在桌面瀏覽器中實現懸停功能，而不是在移動設備上，因爲他們在移動設備上「懸停」似乎總是在頁面被觸摸時選擇？

2014-06-09 Alan

請分享過的jsfiddle或codepen你的代碼。 – Tushar

對於任何移動設備來說，懸停是一個壞主意，因爲正如你所觀察到的那樣 - 懸停對於觸摸屏並不存在。你可以考慮使用點擊或更明確的東西。 –

還有一個叫做[hoverIntent]（http://cherne.net/brian/resources/jquery.hoverIntent.html）的jquery插件，你可以用於移動設備 – Pete

您可以使用@media查詢爲您的iphone刪除此CSS。

請通過下面的鏈接，你可以得到基本的想法，在CSS文件中應用媒體查詢，並根據設備寬度，不同的設備，你可以相應地覆蓋CSS。

HTH

2014-06-09 12:47:40

請始終在答案中直接包含一些有用的代碼。外部網站可能會隨時更改或刪除，因此在StackOverflow上只能鏈接回答。 – Blazemonger

http://jsfiddle.net/crookesa/8PWx9/ – Alan

回答