Microsoft Edge 中的伪选择器颜色更改为蓝色

Question

我在 Microsoft Edge 中遇到了一个奇怪的问题，我正在使用伪选择器 :after 向段落中的所有 link 添加箭头，但 Microsoft Edge 自动将颜色更改为蓝色及以上，您甚至无法访问 Edge 中的伪选择器。

起初我以为是一些主题样式，我用 1 link 和伪选择器设置了一个小的 html 页面，但它在这里也将颜色更改为蓝色，但在任何地方都可以正常工作即使在 Internet Explorer 中！

任何帮助都会很棒。

好像没有人遇到这个问题，我搜索了一些博客。

<html>
    <head></head>
    <body>

        <style>
            a{
                color: rgba(51,51,51,1) !important;
                text-decoration: none !important;
            }
            a:before{
                content: "B6" !important;
                padding-right: 10px;
                color: rgba(51,51,51,1) !important;
                text-decoration: none !important;
            }
        </style>

        <a href="#">Some Link</a>

    </body>
</html>

Answer 1

您的问题已在另一个 post 中得到解答：

将字体系列设置为：

font-family: "Segoe UI Symbol";

似乎可以解决问题。

Microsoft Edge 中的伪选择器颜色更改为蓝色

Pseudo Selector Color Changes to Blue in Microsoft Edge

css-selectors

microsoft-edge