Css 勾选“✔&引用；在Microsoft Edge中看起来不同

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

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

请检查这支钢笔

---

如何制作“✔“要在所有浏览器上看起来都一样？

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

font-family: arial, Segoe UI Symbol;

---

微软的一切都是不同的……我认为你应该使用一个标准图标，比如

Fontawesome

或者类似的东西^^I second Fontawesome，在不久前勉强使用它之后（此后所有项目都采用了它），或者只是使用一个图像。@KaleemNalband所以只加载复选标记…遗憾的是，你不能用CSS解决所有浏览器差异。如果你很固执（没有冒犯的意思），那么你就不会满意。使用png作为背景图像将100%解决问题。也许可以改用以下方法：✓. 这在Edge中看起来很正常。您的版本是一个很重的复选标记，并且Edge决定它应该显示为一个绿色的复选标记。