無法刪除已訪問鏈接上的盒子陰影 - 應用兩次

Question

不知道這是否與:visited鏈接或帶有陰影的常規樣式相關，但我無法讓它覆蓋。

https://jsfiddle.net/pt39v1yy/1/

我最初試圖改變箱陰影的顏色，但後來意識到它沒有重寫的事情，所以我試圖刪除以及，仍然一無所獲。我嘗試添加！important，unset，initial等，但檢查總是顯示原始的box-shadow沒有被刪除，就像它不能被覆蓋。

a:not(.btn) { 
    text-decoration: none; 
    border-bottom: 3px solid #b4e7f8; 
    box-shadow: inset 0 -4px 0 #b4e7f8; 
    -webkit-transition: background .35s cubic-bezier(.33,.66,.66,1); 
    transition: background .35s cubic-bezier(.33,.66,.66,1); 
    color: inherit; 
} 
a:not(.btn):hover{ 
    background: #b4e7f8; 
    text-decoration: none; 
} 
a:not(.btn):visited { 
    border-bottom: 3px solid #beb4f8; 
    background: #beb4f8; 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none; 
    color: inherit; 
} 

Answer 1

Helloo，

根據MDN：您只能將某些屬性的:visited選擇在CSS和箱陰影是不是其中之一。

注：出於保護隱私的原因，瀏覽器的嚴格限制，你可以申請使用此僞類選擇的元素的樣式：唯一的顏色，背景顏色，邊框顏色，底部邊框顏色，邊框左側顏色，右側邊界顏色，邊框頂部顏色，輪廓顏色，列規則顏色，填充和描邊。還要注意alpha組件將被忽略：取而代之的是使用未訪問規則的alpha分量（除非不透明度爲0，在這種情況下，整個顏色被忽略，並且使用未訪問規則之一）。

有關當前限制的詳細信息看看：Privacy and the :visited selector.

也許你可以做這樣的事情，如果你真的想擁有box-shadow：https://jsfiddle.net/pt39v1yy/2/

我希望這有助於！