css - 禁止应用任何 :hover, :focus 和 :active css

Question

我正在使用 jQuery Mobile 开发一些 html5 应用程序，手动覆盖应用于悬停、焦点和事件元素的每一个小东西真的很痛苦。

有没有办法全面禁用这些效果的应用？

如果有一种方法可以在 CSS 中做这样的事情该多好？

*:focus, *:hover, *:active {
 return; // this would stop any css effects on these events to be applied
}

Answer 1

您可以很容易地“禁用”某些样式，但大多数样式对您来说只是大量的猫捉老鼠游戏，以确保没有应用任何样式。

如果像 anchor 标记这样的东西可能有 cursor: pointer 和 text-decoration: underline 作为默认值，而大多数其他样式没有这。

虽然我不建议这样做，但如果您需要确保这项工作的工作量最少，您可以尝试在每个属性之后添加 !important，如下所示:

*:悬停{
大纲:无!重要；
}


如果您正在寻找一个“干净”的开始，您可以使用 Normalize ，这将重置您的大部分样式并帮助它们在浏览器设置样式时看起来更漂亮。