码迷,mamicode.com
首页 > 其他好文 > 详细

鼠标移走时,鼠标悬停hover样式不消失

时间:2018-05-02 19:21:01      阅读:318      评论:0      收藏:0      [点我收藏+]

标签:原来   AC   添加   页码   解决办法   最大   .com   效果   技术   

问题描述

在使用分页组件时,点击页码跳转,在页码较多时点击当前显示的最大的页码,会加上active样式,但是新加载出来的页面也会加上‘active’。样式并且在点击其他位置时,该样式会消失
例如图一中点击第‘8’页,第‘8’页会加上‘active’样式,后面加载出来第九页第十页,第十页也会有‘active’样式。如图二:

技术分享图片

图一

技术分享图片

图二

 

问题分析

在点击了第‘8’页时,新加载出第九页第十页,此时鼠标的位置切换到了第十页的位置,由于在样式中加了:focus伪类会自动添加点击后的效果,变造成了上述的问题

 

解决办法

删除样式的:focus伪类,或者将:focus样式改成当前未选中页码的样式,将原来的:focus覆盖。

 

鼠标移走时,鼠标悬停hover样式不消失

标签:原来   AC   添加   页码   解决办法   最大   .com   效果   技术   

原文地址:https://www.cnblogs.com/yonglei/p/8981603.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!