禁用任何:hover,:focus和:应用的活动css

时间:2015-02-18 21:54:45

标签: css

我正在使用jQuery Mobile来开发一些html5应用程序,并且手动覆盖在悬停,聚焦和活动时应用于元素的每一个小东西真的很痛苦。

是否有某种方法可以全面禁用这些效果的应用?

如果只有一种方法可以在CSS中做这样的事情吗?

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

1 个答案:

答案 0 :(得分:0)

您可以非常轻松地“禁用”某些样式,但大多数只会是大量的猫和老鼠,以确保没有应用样式。

如果类似锚标记的内容可能具有cursor: pointertext-decoration: underline作为默认值,则需要涵盖特殊情况,而大多数其他样式不具备此功能。

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

*:hover { outline: none !important; }

如果您正在寻找一个“干净”的平板,您可以使用Normalize,这将重置您的大多数样式,并帮助它们在浏览器样式化时看起来很好。