搜索
javascript - 是否有方法阻止":hover" 触发样式
天蓬老师
天蓬老师 2017-04-10 12:42:43
[JavaScript讨论组]

比如一个链接<a href="#">hello</a>,鼠标移动到链接上时,会触发 :hover 效果,:hover 的样式在 css 里定义了。
我知道阻止点击事件时,可以使用return false的方法,那么,阻止 :hover 的样式的显示,应该用什么方法呢?

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(3)
巴扎黑

可以用 pointer-events: none; 的方法,参见 http://css-tricks.com/pointer-events-...
不过这个属性不支持 IE 和 Opera

PHPz

javascript 应该没有这样禁止css样式生效的方法,比如hover样式中定义文字颜色变为红色,这个是无法prevent的。最好的方法是重写hover样式覆盖之。
参照:http://stackoverflow.com/questions/27...

黄舟

可以换个思路,不要直接取消hover,而是增加一个class来覆写hover的属性,得到的效果是一样的

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号