复选标记“✔”在Microsoft Edge中看起来有所不同

Question

我正在尝试使用“✔”作为伪元素来表示已选择项目， 但是问题是Microsoft Edge中绿色显示“✔”

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

请检查这支笔 https://codepen.io/kaleem78/pen/WKMwqG

如何使“✔”在所有浏览器上看起来相同？

Answer 1

您可以将此代码添加到您的：before状态：

font-family: arial, Segoe UI Symbol;