Javascript CSS悬停函数

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

在我的笔记本电脑浏览器上，当单击发生时，类不会被删除，但当光标移离元素时（在本例中为TR）

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

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

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

---

是否需要在桌面浏览器中而不是在移动设备上实现悬停功能，因为当触摸页面时，移动设备上的“悬停”似乎总是处于选中状态？

您可以使用@media querys为iphone删除此CSS

请浏览以下链接，从中您可以获得在CSS文件中应用媒体查询的基本想法，并根据设备宽度，相应地覆盖CSS

---

HTH

请通过JSFIDLE或codepen共享您的代码。悬停对于任何移动设备都是一个坏主意，因为正如您所观察到的，触摸屏并不真正存在悬停。你可以考虑使用一个点击或一些更明确的。有一个jQuery插件，你可以用它来适应所有这些，但是这里的JSFoDLE总是在你的答案中直接包含一些有用的代码。外部站点可能随时被更改或删除，因此StackOverflow不赞成只提供链接的答案。