2012-02-16 4 views
1

visited pseudo-classとCSSのtext-shadowプロパティには少し問題があります。私が持っていると思いますどのような実際にはCSSのテキストシャドープロパティは、次のような階層に従っていません。visited擬似クラス

li.episode a{ 
display: block; 
float: left; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
margin: 1px; 
padding: 5px; 
font-size: 14px; 
background-color: #eeeaea; 
text-shadow: 0 1px 0 white; 
} 

li.episode a:visited { 
background-color: #23EE44; 
text-shadow: none; 
color: white; 
} 

li.episode a:hover { 
background-color: #23EE44; 
text-shadow: 0 1px 0 #10C72E; 
color: white; 
} 

が推移したときと全く同じ訪れたリンクです:

は、ここに私のコードです。

:ホバークローム/ Safariで正常に動作しますが、訪問したリンクは最初のテキスト-shadowプロパティを保持します:

text-shadow: 0 1px 0 white; 

代わりに、私は私のコードで「なし」を使用しないようにしようとした(下記の一つではなくdoesnの)

ありがとうございました!

+0

try text-shadow:inherit – jacktheripper

答えて

4

security issuesのために、:visitedに明示的に定義できるCSSプロパティはほとんどありません。

MDNが(これらはブラウザによって異なり得るが、テキストの影は確か任意のブラウザ上で動作してはならないものである、少なくともそれのサイズを変更する)ようmodifyableプロパティを定義:

  • 背景色
  • ボーダーカラー
  • アウトラインカラー

そして加えて、あなたはDEFIすることができませんne opacityを使用するか、またはaベースのセレクタがこれらのもののいずれかを実行している場合はリンクを表示/非表示にします。

+0

あなたのリンクはとても面白いです。次に、私は継承した影を無効にしたいと思います(実際には、白い文字の影をつけてリンクを白くします) – JohnT

+0

私は "li.episode a:リンク: "、" text-shadow:none "のために働いています:訪問しましたが、私はまだAの白い影を持っています:link – JohnT

+0

@JohnThillaye':visited'に 'text-shadow'の表示方法を変更することはできません。 「a」の表示方法とは異なります。 'a'のテキストシャドーを設定した場合、それは':visited'にどのように表示され、 'a'から抜け出せば':visited'のためには得られません – Niklas

関連する問題