在文本旁邊出現綠色勾號

Question

我有一個小的JS腳本，它會像選中的項目一樣「突出顯示」，但我不想再突出顯示它，我希望它可以通過圖像選擇「像tick 「

謝謝

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

您可以勾選字符：＆＃x2713;

爲了讓綠色的，你可以指定一個類來它：

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

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