鼠標移走時,鼠標懸停hover樣式不消失


問題描述

在使用分頁組件時,點擊頁碼跳轉,在頁碼較多時點擊當前顯示的最大的頁碼,會加上active樣式,但是新加載出來的頁面也會加上‘active’。樣式並且在點擊其他位置時,該樣式會消失
例如圖一中點擊第‘8’頁,第‘8’頁會加上‘active’樣式,后面加載出來第九頁第十頁,第十頁也會有‘active’樣式。如圖二:

圖一

圖二

 

問題分析

在點擊了第‘8’頁時,新加載出第九頁第十頁,此時鼠標的位置切換到了第十頁的位置,由於在樣式中加了:focus偽類會自動添加點擊后的效果,變造成了上述的問題

 

解決辦法

刪除樣式的:focus偽類,或者將:focus樣式改成當前未選中頁碼的樣式,將原來的:focus覆蓋。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM