链接的"background-color"和"border-color"属性不会使用 CSS 进行修改



我可以修改访问链接的文本颜色,但无法修改它的"背景色"one_answers"边框色"属性。内部样式表的第一部分是CSS重置。

a:visited {
color: red;
background-color: blue;
border-color: red;
}
<a href="https://www.google.com/" target="_blank">Ve a Google</a>

感谢

要修改背景颜色,您应该首先为一个:链接设置背景颜色,然后为一个:vizited设置背景颜色。边框颜色也是链接的无效属性值。

<html>
<style> 
a:link{
background-color:white;
}
a:visited{
color:red;
background-color:blue;
}
</style>
</head>
<body>
<a href="https://www.google.com/" target="_blank">Ve 
a Google</a>
</body>
</html>

由于安全问题,:visited伪类在样式上有很多限制。引用Mozilla开发者wiki:

您可以为访问过的链接设置样式,但可以使用的样式有限制。只有以下样式可以应用于访问的链接:

  • color
  • background-color
  • border-color(及其子性质(
  • column-rule-color
  • outline-color
  • fillstroke属性的颜色部分

如果您在设置background-color属性的样式时遇到问题,则可能是CSS重置样式表为<a>标记指定了透明背景色。

最新更新