首页 > web前端 > css教程 > 为什么我的样式化访问链接在某些浏览器中不起作用?

为什么我的样式化访问链接在某些浏览器中不起作用?

Linda Hamilton
发布: 2024-12-02 05:34:09
原创
593 人浏览过

Why Are My Styled Visited Links Not Working in Some Browsers?

为什么 :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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板