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

Question

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

Answer 1

如果你想避免图像

，你可以查看Unicode标志

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

例如：

✔ ✖

然后，您可以使用CSS来应用适当的颜色。

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

Answer 2

请注意，并非所有浏览器support special characters都是这样，但您可以轻松输出以下内容并在大多数情况下使其正常工作：

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

相关的css：

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

http://jsfiddle.net/PaUaf/

Answer 3

您也可以试试这个。 http://nicolasgallagher.com/pure-css-gui-icons/如果你想避免图像。