CODEWITHSUNDEEP
css-selectorsmicrosoft-edge
Sikandar Ali Chishty
Sikandar Ali Chishty

Reputation: 518

Pseudo Selector Color Changes to Blue in Microsoft Edge

enter image description hereI've been facing a strange problem in Microsoft Edge, I'm using Pseudo Selector :after to add an arrow to all the links in a paragraph but Microsoft Edge automatically changes the color to BLUE and above that you cannot even access the Pseudo Selector in Edge.

At first I thought, it was some theme styles, I set up a small html page with 1 link and Pseudo Selector but it changes color to blue here as well but works fine everywhere even in Internet Explorer!

Any help would be great.

No one seems to be facing this problem, I've searched some of the blogs.

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

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

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

    </body>
</html>

Upvotes: 1

Views: 135

Answers (1)

Luckyfella
Luckyfella

Reputation: 662

Your question is already answered in an other post: Unicode displaying strange in Edge

Setting the font-family to:

font-family: "Segoe UI Symbol";

seems to do the trick.

Upvotes: 3

Related Questions