本文介绍了复选标记“\2714”不工作?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在自定义一个复选框,它似乎正在运行,但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 demo - the code you posted is correct - it just doesn't match up with that is being implemented on the page.
这篇关于复选标记“\2714”不工作?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!