为什么我的样式化访问链接在某些浏览器中不起作用？
- Linda Hamilton原创
- 2024-12-02 05:34:09594浏览
为什么 :visited 链接的 CSS 样式在特定浏览器中不起作用？
以下 HTML 和 CSS 代码似乎表现出Internet Explorer 和 Chrome 中访问的链接的样式问题：
<html>
<head>
<style>
A {font-weight: bold; color:black;}
A:visited {font-weight: normal; color: black; }
.Empty {font-weight: bold; color: black; }
</style>
</head>
<body>
<a href="http://mysite">click me</a>
</body>
</html>
尽管应用了:visited 伪类，单击的链接保持粗体，而不是返回正常粗细。 Firefox 4、IE9 和 Chrome 也会出现此行为。
安全注意事项和解决方法
:visited 伪类的功能在现代浏览器中已受到限制，以防止潜在的 CSS 漏洞。这些浏览器实施了特定措施来防止此类漏洞：
- getComputedStyle() 返回访问过的链接的值，就好像它们未被访问过一样。
- 同级选择器（例如：:visited span）导致相邻元素的样式设置为未访问。
- 嵌套链接元素可能会呈现为未访问的
不幸的是，在实施了这些限制的浏览器中，没有针对此安全措施的解决方法。正如原始问题中所述，更改辅助功能设置以忽略网页颜色并不能解决问题。
以上是为什么我的样式化访问链接在某些浏览器中不起作用？的详细内容。更多信息请关注PHP中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn