html - 画像を使用せずに正しい記号と間違った記号を表示するにはどうすればよいですか

Question

私はasp.netmvc3 Webアプリケーションで作業していますが、画像を使用せずにアプリケーション内で緑色の正しい記号と赤い間違った記号を表示する必要があるので、これは可能ですか？一部のWebサイトで、異なる種類の記号を使用していることに注意してください。しかし、画像としてダウンロードすることはできません。これは、テキストとして表示されているか、Javaスクリプトを使用していることを意味します...？BR

Answer 1

すべてのブラウザがこのような特殊文字をサポートしているわけではありませんが、次の文字を簡単に出力して、ほとんどの場合に機能させることができます。

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

関連するcss：

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

http://jsfiddle.net/PaUaf/

Answer 2

画像を避けたい場合は、Unicode Dingbats をご覧ください。

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

例えば：

✔ ✖</p>

その後、CSS を使用して適切な色を適用できます。

ユーザーベースが使用する可能性が高いブラウザーでテストして、それらが正しくレンダリングされることを確認します (すべてのブラウザーがすべての Unicode 文字をサポートしているわけではありません)。

Answer 3

これを試すこともできます。 http://nicolasgallagher.com/pure-css-gui-icons/画像を避けたい場合。