CSS悬停功能

时间:2014-06-09 12:42:19

标签: javascript jquery css css3

我写了一些JS,当单击一个表行时,它会删除该ID的CSS。

在我的笔记本电脑浏览器上,当点击发生时,类没有被删除,但是当光标移出元素时,在这种情况下是TR。

我发现问题导致这是以下CSS代码,因为它与高亮显示相同的悬停颜色,以帮助用户选择正确的行:

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

在我的iPhone上,例如,在页面刷新之前不会删除CSS类,因为没有光标。

无论如何在桌面浏览器中而不是在移动设备上实现悬停功能,因为它们在移动设备上“悬停”似乎总是在触摸页面时被选中?

1 个答案:

答案 0 :(得分:0)

您可以使用@media查询为您的iphone删除此CSS。

请通过以下链接,您可以获得基本的想法,在CSS文件中应用媒体查询,并根据设备宽度,您可以相应地覆盖CSS的不同设备。

http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

http://foundation.zurb.com/docs/media-queries.html

HTH