Question

我使用的是Unicode字符＆＃39; MEDIUM BLACK CIRCLE＆＃39;又名：的＆安培;＃9899

然后改变它的颜色。它在我的大多数设备上运行良好，但在我的Android手机和一些同事PC（相同的PC品牌和浏览器）上它总是黑色而不是＃009FDA 。

<span style="color:#009FDA;">&#9899 </span>

如何解决这个问题？

解决！

溶液（字体真棒）： <i class="fa fa-circle" style="color:#009FDA;" aria-hidden="true"></i>

如果有人知道，我仍然非常感兴趣为什么会发生这种情况。

Answer 1

您有2个选项

选项1：Unicode字符

使用Unicode charecter。它的工作原理

body{
  font-size:15px;
  line-height:15px;
}

<span style="color:#009FDA; ">&#9899 </span> 
<br/>
<span style="color:#009FDA; font-size:250%; height:15px; ">•</span>

选项2：使用border-radius进行整形（适用于所有浏览器）

具有border-radius:50%;且相同宽度＆amp;高度

span.circle{
  height:10px;
  width:10px;
  border-radius:50%;
  background-color:#009FDA;
  display:inline-block;
}

<span class='circle'></span>

其他选项：您可以使用Font-awesome，svg或图片