2017-09-29 36 views
0

這是怎麼回事,目前:如何在訪問鏈接後設置CSS不鬆散懸停效果?

/* OCSearch Texto */ 
.linksearch { 
color: #fff; 
margin-top: 1px; 
margin-left: 20px; 
font-size: 12px;  
} 

.linksearch a:link { 
color:#d8d8d8; 
} 

.linksearch a:hover { 
color:#fff; 
} 

.linksearch a:visited { 
color:#d8d8d8; 
} 

當點擊出來的顏色變化#d8d8d8但之後,世界上沒有更多的徘徊。謝謝。

+1

你有沒有試過將':hover'規則移到':visited'規則下面/沿着級聯順序? – UncaughtTypeError

+0

@UncaughtTypeError說什麼。將':hover'重新排列在':visited'後面。 –

+0

完美,我沒有意識到訂單會影響這一點。謝謝! –

回答

0

替代您的:hover:visited聲明來解決此問題。此外,不要忽略鍵盤用戶的:focus僞。特別是如果您正在使用重置功能從可移動物品中移除outline

/* OCSearch Texto */ 
.linksearch { 
    ... 
} 

.linksearch a:visited { 
    color:#d8d8d8; 
} 

.linksearch a:hover, .linksearch a:focus { 
    color:#fff; 
}