如何在不使用图像的情况下显示正确和错误的符号

Question

我正在使用asp.net mvc 3 web应用程序,我需要在我的应用程序中查看绿色的右标志和红色错误的标志,而不使用图像,这可能吗？,因为我在一些网站上注意到他们使用不同类型的标志但你无法下载为图像som这意味着它被显示为文本或使用Java脚本...？BR

Answer 1

如果你想避免图像,你可以看一下Unicode Dingbats

http://en.wikipedia.org/wiki/Dingbat

例如:

✔✖

然后,您可以使用CSS来应用适当的颜色.

在您的用户群可能使用的浏览器上测试它们以确保它们正确呈现(并非所有浏览器都支持所有Unicode字符).

Answer 2

请注意，并非所有的浏览器都支持像这样的特殊字符，但是您可以轻松地输出关注并使其在大多数情况下可以工作：

<p class='right'>&#10004;</p>
<p class='wrong'>&#10006;</p>

相关的CSS：

.right { 
 color: green;   
}
.wrong {
 color: red;   
}
??

http://jsfiddle.net/PaUaf/