訪問したリンクのボックスシャドウを削除できない - 2度適用

Question

これはちょうど:visitedリンクまたはボックスシャドウの一般的なスタイリングのものと関連しているかどうかはわかりませんが、上書きすることはできません。

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

私は当初、ボックスの影の色を変更しようとしたが、その後、それはので、私は同様に削除しないと、まだ何もしようとした事をオーバーライドしていなかった実現しました。私は重要な、設定されていない、イニシャルなどを追加しようとしましたが、常に元のボックスシャドウが横切られていないことを検査すると、オーバーライドできないようです。

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によると：あなただけのCSSに:visitedセレクタに特定のプロパティを適用することができ、そしてボックス影がそのうちの一つではありません。

注：唯一の色、背景色、枠線、色、のborder-bottom-色、ボーダー：プライバシー上の理由からは、厳密にあなたは、この擬似クラスによって選択された要素を使用して適用することができますスタイルを制限するブラウザボーダー - 右 - カラー、ボーダー - トップ - カラー、アウトライン - カラー、カラム - ルール - カラー、塗りつぶしおよびストロークのうちの1つ以上を含む。また、アルファ成分は無視されることに注意してください。訪問されないルールのアルファ成分が代わりに使用されます（不透明度が0の場合を除き、色全体が無視され、訪問されないルールの1つが使用されます）。あなたが本当にしたい場合はたぶん、あなたはこのような何かを行うことができPrivacy and the :visited selector.

box-shadow：現在の制限の詳細については

は見てみましょうhttps://jsfiddle.net/pt39v1yy/2/

私はこれが役に立てば幸い！