css - 为什么访问a:css样式的CSS无效?

标签 css cross-browser

有什么原因不能在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>


我单击的链接从不正常,只是保持粗体。在其他一些浏览器上也可以。

编辑:更改大小写不影响它。

编辑:将a更改为a:link不会影响它。

编辑:更改颜色的作品,但不是字体粗细。

编辑:解决方法是更改​​可访问性以忽略网页颜色。我没有访问源的权限,所以我必须这样做。

最佳答案

实际上,这与大小写无关。这是一项安全功能。 :visited伪类的功能已在许多现代浏览器(Fx4,IE9,Chrome)中受到限制,以防止CSS被利用:请阅读here

如今,这些浏览器中的getComputedStyle()通常返回已访问链接的值,就好像它们没有被访问一样。但是,我可以简单地想象一下如何规避这一问题:对访问的链接使用font-weight时,元素的宽度会发生变化,因此允许为font-weight链接更改:visited的浏览器实际上不会解决安全漏洞。

因此,没有解决此问题的方法。

关于css - 为什么访问a:css样式的CSS无效?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25203750/

相关文章:

css - 跨浏览器 CSS

更改背景颜色和字体颜色的 CSS 和 React/Transition 不起作用

css - 如何在 calc 中使用 Stylus 变量?

html - LinkedIn 分享按钮对齐

css - 在React中创建平滑滚动(浏览器友好)

css - - 跨浏览器的 webkit 支持

javascript - Material UI - 如何将网格容器拉伸(stretch)到父级高度和宽度

html - 在 ListView 中制作偶数/奇数(第n个子)div,不同大小的div通过CSS相互连接

html - 窗口调整大小时 float div 问题

css - 子元素没有填满按钮