2012-02-16 68 views
1

我在CSS中访问了伪类和text-shadow属性时遇到了一些问题。CSS text-shadow属性没有遵循层次结构: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; 
} 

其实我想有什么是访问的链接一样的徘徊时。

:哈弗正常工作在Chrome/Safari浏览器,但访问过的链接保持第一text-shadow属性:

text-shadow: 0 1px 0 white; 

取而代之的是一个如下(我试图用“无”在我的代码,但没有按似乎没有工作..)

谢谢你们的帮助!

+0

尝试文字阴影:继承 – jacktheripper 2012-02-16 14:05:45

回答

4

由于security issues,有几个css属性可以明确定义为:visited

MDN定义modifyable特性(这些可通过浏览器有所不同,但文字阴影当然是一个不应该在任何浏览器工作,至少修改它的大小):

  • 颜色
  • 背景色
  • 边框颜色
  • 轮廓色

,此外你将不能够DEFI不透明度或显示/隐藏链接,如果基地a选择器已完成其中的一件事情。

+0

您的链接非常有趣谢谢。然后,我想停用我继承的阴影(我的确得到了白色文字阴影,这使得链接看起来很兴奋(白色+白色阴影)) – JohnT 2012-02-16 18:09:34

+0

我试过在“li.episode a:链接“,为了让”text-shadow:none“为a:visited工作,但我仍然得到a:链接的白色阴影 – JohnT 2012-02-16 18:22:40

+0

@JohnThillaye您无法修改':visited'中出现'text-shadow'的方式与“a”中出现的方式不同。如果你为'a'设置了文本阴影,这就是':visited'的显示方式,如果你将其从'a'中删除,你将无法获得':visited' – Niklas 2012-02-16 18:31:11