扫码关注官方订阅号
比如一个链接<a href="#">hello</a>,鼠标移动到链接上时,会触发 :hover 效果,:hover 的样式在 css 里定义了。 我知道阻止点击事件时,可以使用return false的方法,那么,阻止 :hover 的样式的显示,应该用什么方法呢?
<a href="#">hello</a>
:hover
return false
欢迎选择我的课程,让我们一起见证您的进步~~
可以用 pointer-events: none; 的方法,参见 http://css-tricks.com/pointer-events-... 不过这个属性不支持 IE 和 Opera
pointer-events: none;
javascript 应该没有这样禁止css样式生效的方法,比如hover样式中定义文字颜色变为红色,这个是无法prevent的。最好的方法是重写hover样式覆盖之。 参照:http://stackoverflow.com/questions/27...
可以换个思路,不要直接取消hover,而是增加一个class来覆写hover的属性,得到的效果是一样的
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
可以用
pointer-events: none;
的方法,参见 http://css-tricks.com/pointer-events-...不过这个属性不支持 IE 和 Opera
javascript 应该没有这样禁止css样式生效的方法,比如hover样式中定义文字颜色变为红色,这个是无法prevent的。最好的方法是重写hover样式覆盖之。
参照:http://stackoverflow.com/questions/27...
可以换个思路,不要直接取消hover,而是增加一个class来覆写hover的属性,得到的效果是一样的