CODEWITHSUNDEEP
htmlcssgoogle-chrome
Arctic45
Arctic45

Reputation: 1098

Chrome sometimes incorrectly displaying '⇱' symbol used as css pseudo-element

I have a style with pseudo-element:

a::before {
  content: "⇱"
}

In my html file there is a link:

<a href="..."> 1 <a>

Most of the time it's displayed correctly:

enter image description here

But sometimes (not often, maybe 1 time out of 100) Chrome displays it like this:

enter image description here

It looks like encoding problem, but what could be the reason of it?

Upvotes: 1

Views: 168

Answers (1)

Sebastian Brosch
Sebastian Brosch

Reputation: 43574

You can try using the CSS content code of ⇱ to avoid encoding issues:

a::before {
  content: '\21F1';
}
<a href="#">Test</a>

Upvotes: 1

Related Questions