CSS悬停功能

CSS hover function

本文关键字：功能悬停 CSS 更新时间：2023-09-26

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

在我的笔记本电脑浏览器中，当点击发生时，类不会被删除，但是当光标从元素中移开时(在本例中是TR.

)，类会被删除。

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

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

例如，在我的iPhone上，CSS类直到页面刷新时才被删除，因为没有光标。

有没有在桌面浏览器中实现悬停功能，而不是在移动设备上，因为它们在移动设备上"悬停"似乎总是在触摸页面时被选中?

你可以使用@media查询为你的iphone删除这些CSS。

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

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

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

HTH