Unicode Checkmark在移动设备上默认为黑色

Question

我在移动设备上遇到unicode复选标记问题。在桌面上继承CSS中指定的颜色，但在移动设备上它只显示为黑色。

有谁知道如何解决这个问题？

这就是我改变桌面颜色的方法：

<input type="checkbox" id="checkbox1">
<label for="checkbox1"></label>

input[type="checkbox"]:checked + label:after {
content: '✔';
display: inline-block;
font-size: 1.6em;
color: red;
}

JS小提琴示例，您也可以在移动设备上结帐：http://jsfiddle.net/wqf6fmrv/14/