绿色勾号显示在文本旁边

Question

我有一个小的JS脚本会喜欢“突出显示”所选项目，但我不想再突出显示它了，我希望它能够选择一个像“勾选”的图像

感谢

Answer 1

这可以完全由CSS完成。

只需使用:before伪类（也适用于:after）：

.highlight:before{
    content : url(https://www.uaf.edu/bblearn/prod/browser-checker/checkmark.gif);
}

.highlight2:before{
    content: url(http://awriteword.com/wp-content/uploads/2013/05/Red-Checkmark.png);
 }

http://jsfiddle.net/csXyB/

---

您也可以使用相同技术的unicode复选标记。

.highlight:before{
    content : '✓';
    color : green;
}

.highlight2:before{
    content: '✓';
    color:red;
 }

http://jsfiddle.net/gY8Ud/

Answer 2

您可以制作一个复选标记字符：✓

要使其成为绿色，您可以为其指定一个类：

// In your css
span.green {color:green;}

// In the HTML
<span class="green">&#x2713;</span>