防止Edge渲染表情符号

时间:2020-07-16 09:17:34

标签: css microsoft-edge emoji

我将'\ 2714'用作检查符号,因此可以在CSS中对其进行样式设置,并且它在大多数浏览器中均可正常使用,但Microsoft Edge坚持将其呈现为表情符号。我已经看过并尝试过几种方法,例如使用“ Segoe UI Symbol”或“ Symbola”作为字体家族,或使用“ \ 2714 \ FE0E”作为内容,但Edge不在乎。

这是CSS:

.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: -1px;
    left: 3px;
}

和HTML:

<div class="checkbox-tag">
    <input type="checkbox" class="regular-checkbox" name="default_server_data" id="default_server_data"/>
    <label for="default_server_data"></label>
</div>

这是正确的符号: enter image description here

以及Edge中的符号: enter image description here

有什么想法吗?

0 个答案:

没有答案