黑桃、方块、红心、梅花 => 样式不会更改 Android 版 Chrome 中的字体颜色

Question

在 Windows 上的 Google Chrome 浏览器中，纸牌花色符号（黑桃、红桃、方块、梅花）使用“样式”属性正确着色。不幸的是，Android 上的 Google Chrome 中显示的同一页面不显示我定义的颜色，而是使用默认的黑色和红色。 （效果见附图）

HTML 代码：（并链接到项目 https://stackblitz.com/edit/web-platform-z2cs3t?file=index.html）

<span style="color: #114bb8">♠ spades</span><br />
    <span style="color: #f10d0d">♥ hearts</span><br />
    <span style="color: #ff9100">♦ diamonds</span><br />
    <span style="color: #0da510">♣ clubs</span><br />

1. 是否有可能以某种方式强制 Google Chrome 在 Android 上显示选定的颜色？

2. 我还想了解为什么 Android 上的 Chrome 使用预定义颜色，而我不接受用户颜色。

Answer 1

AStombaugh 写道： 对类似问题可能有帮助的答案： 更改 HTML 符号的字体颜色

对我有用：

span {
  color: transparent;
  text-shadow: 0 0 0 rgb(0, 128, 0);
}
<span>&#9899;</span>

谢谢。