html - 为什么伪元素在不同设备上看起来不同？

Question

我在我的页面中包含的 CSS 文件中使用了此代码，但有时会以不同的外观出现。例如，颜色是白色，但在某些 android 设备中呈现为红色！

input[type="checkbox"]:checked::after{
    position: relative !important;
    content: '✔' !important;
    display: inline-block !important;
    font-size: 19px !important;
    margin: -9px 1px !important;
    color: #fff !important;
    vertical-align: top !important;
    font-weight: normal !important;
    font-family: Yekan !important;
    z-index: 0;
}

问题是什么？

标签： htmlcss