html - 样式化浏览器颜色的字符

Question

在我的网站上，我有一个复选标记 (✔)。

我将这些设计为绿色圆圈内的白色。

.check{
  border-radius:9px;
  padding:2px 4px;
  background-color:#00B57A;
  color:White;
  font-size:8px;
}

<span class="check">&#x2714;</span>

这在桌面上运行良好，但是，在我的 Android 设备上，复选标记是红色的，而在 iPad 上，它是深黑色/灰色。

为什么会这样，我能做些什么？

Answer 1

尝试使用 text-shadow 设置颜色然后将 color 设置为 transparent。

.check{
  border-radius:9px;
  padding:2px 4px;
  background-color:#00B57A;
  color: transparent;  
  text-shadow: 0 0 0 white;
  font-size:8px;
}

<span class="check">&#x2714;</span>