CODEWITHSUNDEEP
css
Kaleem Nalband
Kaleem Nalband

Reputation: 697

Checkmark "✔" look different in Microsoft Edge

I am trying to use "✔" as Pseudo element to indicate item has been selected, but problem is "✔" shows in green in Microsoft Edge

.selected:before{
  content:"✔";
  position:absolute;
  font-size:20px;
  left:0px;
  top:0px;
  width:30px;
  height:30px;
  color:#FFF;
}

Please check this pen https://codepen.io/kaleem78/pen/WKMwqG

How to make "✔" to look same on all the browsers?

Upvotes: 3

Views: 2493

Answers (1)

MirzetKameric
MirzetKameric

Reputation: 41

You can add this code to your :before state:

font-family: arial, Segoe UI Symbol;

Upvotes: 3

Related Questions