从元素中删除 :active 伪类

2024-01-06

我希望能够告诉一个元素它不再是:active这样 CSS 规则就不再适用。有没有办法在 JavaScript 中做到这一点?


可能的解决方案 :

1)使用类:

JS :

document.getElementById("element").classList.remove("hasactive");

CSS :

#element.hasactive:active {
    background:blue;
}

2) 防止默认的 mousedown 功能(活动状态):

EDIT :显然,这仅适用于 Firefox。

JS :

document.getElementById("element").onmousedown = function(event) {
    event.preventDefault();
}

3)删除其中包含css规则的样式元素

HTML :

<style id="activestyle">
#element:active {
/*Your code here*/
}
</style>

JS :

document.getElementById("activestyle").remove();
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

从元素中删除 :active 伪类 的相关文章

随机推荐