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

事实上，我想要的是访问的链接与悬停时相同。

:Hover 在 Chrome/Safari 上工作正常，但访问的链接保留第一个 text-shadow 属性：

    text-shadow: 0 1px 0 white;

而不是下面给出的（我尝试在我的代码中使用“none”但似乎不起作用..）

谢谢大家帮助 ！

4

1 回答 1

5

:visited由于安全问题，您可以明确定义的 CSS 属性很少。

MDN 将可修改属性定义为（这些可能因浏览器而异，但 text-shadow 肯定不应该在任何浏览器上工作，至少修改它的大小）：

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

a此外，如果基本选择器已完成其中一项操作，您将无法定义不透明度或显示/隐藏链接。

于 2012-02-16T14:06:03.250 回答