复选标记“\ 2714”无效？

Question

我正在自定义一个复选框，它似乎正在运行，但是unicode检查无效......它显示为文本“\ 2714”。
这是我的代码：

.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;
}

Answer 1

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

目前应为content: "\2714";：content: "2714";

jsFiddle demo - 您发布的代码是正确的 - 它与页面上实现的代码不符。

Answer 2

开发工具说明你的css是：

.edd_price_option_1762:checked:after {
    content: "2714 ";
    font-size: 19px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #49a6db;
}

将其更改为（添加斜杠）：

.edd_price_option_1762:checked:after {
    content: "\2714";
    font-size: 19px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #49a6db;
}

参见附页截图：

Answer 3

我不知道这是否会有所帮助。但正在试验，所以你应该看到这个：

fiddle

使用javascript

document.getElementById('test').innerHTML = "✔"

看看它是否有帮助。我在某处阅读使用HTML实体:) 就像是 ✔

Answer 4

您是否尝试使用单引号？不知道它是否会有所帮助，但在我的CSS中我使用的是内容：'\ 2714';并且复选标记显示正常，但在＆lt; = IE7中我改为使用图形。