复选标记“\2714”不工作？ [英] Check mark "\2714" not working?

问题描述

我正在自定义一个复选框，它似乎正在运行，但unicode检查不起作用......它显示为文本\2714。

这是我的代码：

I'm customizing a checkbox and it seems to be functioning but the unicode check isn't working... it's appearing as the text "\2714".
Here's my code:

.edd_price_option_1762 {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 3px solid #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 9px;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    top: 8px;
}
.edd_price_option_1762:active, .edd_price_option_1762:checked:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.edd_price_option_1762:checked {
    background-color: #e9ecee;
    border: 3px solid #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
    color: #99a1a7;
}
.edd_price_option_1762:checked:after {
    content:"\2714";
    font-size: 19px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #49a6db;
}

推荐答案

您缺少反斜杠 \ 在您的标记中。

You are missing a back slash \ in your markup.

它应该是内容：\2714 ; 目前它是： content：2714;

jsFiddle演示 - 您发布的代码是正确的 - 它只是不符合正在页面上实现。

jsFiddle demo - the code you posted is correct - it just doesn't match up with that is being implemented on the page.

这篇关于复选标记“\2714”不工作？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！