javascript - 文本旁边出现绿色勾号

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>