1

訪問した疑似クラスと CSS の text-shadow プロパティに少し問題があります。

これが私のコードです:

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;
}

実際、私が望んでいるのは、ホバーしたときと同じように訪問済みのリンクです。

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

    text-shadow: 0 1px 0 white;

以下に示すものの代わりに(コードで「なし」を使用しようとしましたが、機能しないようです..)

助けてくれてありがとう!

4

1 に答える 1

5

セキュリティ上の問題:visitedにより、明示的に定義できる CSS プロパティはほとんどありません。

MDN では、変更可能なプロパティを次のように定義しています (これらはブラウザーによって異なる場合がありますが、text-shadow は、少なくともサイズを変更するだけで、どのブラウザーでも動作しないはずです):

  • 背景色
  • ボーダの色
  • 輪郭色

aさらに、基本セレクターがこれらのいずれかを行った場合、不透明度を定義したり、リンクを表示/非表示にしたりすることはできません。

于 2012-02-16T14:06:03.250 に答える