1. 程式人生 > >鼠標移走時,鼠標懸停hover樣式不消失

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

由於 TP active 消失 分頁組件 tex alt 使用 鼠標懸停

問題描述

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

技術分享圖片

圖一

技術分享圖片

圖二

問題分析

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

解決辦法

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

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