html - 如何在不使用图像的情况下显示正确和错误的标志

Question

我正在开发 asp.net mvc 3 Web 应用程序，我需要在我的应用程序中查看绿色的正确标志和红色的错误标志，而不使用图像，所以这可能吗？，因为我在某些网站上注意到他们使用不同类型的标志但是你不能作为图像下载，这意味着它们被显示为文本或使用 Java 脚本......？BR

Answer 1

如果你想避免图像，你可以看看 Unicode Dingbats

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

例如：

✔ ✖</p>

然后，您可以只使用 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/

Answer 3

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