我们需要在内部web应用程序中显示一个标记符号(✓或✔)，理想情况下希望避免使用图像。
必须从XP盒子上的IE 6.0.2900开始工作，理想情况下我们需要它是跨浏览器的(IE + FF的最新版本)。
下面将显示方框，尽管将浏览器编码设置为UTF-8 (META工作得很好，不是问题)。默认字体是Times New Roman(可能是一个问题，但尝试Lucida Sans Unicode没有帮助，我既没有安装Arial Unicode MS，也没有安装Lucida Grande)。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
✓ ✔
</body>
</html>
感谢任何帮助。
在ie6.0和ie7下的工作如下:
<html>
<head>
</head>
<body>
<span style="font-family: wingdings; font-size: 200%;">ü</span>
</body>
</html>
如果有人能在Windows下查看FF，我会很感激。我很确定它不会在非Windows的盒子上工作。
我也遇到了同样的问题，但这些建议都不起作用(在Windows XP上使用Firefox)。
所以我发现了一个可能的解决方案，使用图像数据显示一个小的复选标记:
span:before {
content:url("data:image/gif;base64,R0lGODlhCgAKAJEAAAAAAP///////wAAACH5BAEAAAIALAAAAAAKAAoAAAISlG8AeMq5nnsiSlsjzmpzmj0FADs=");
}
当然，您可以创建自己的复选标记图像，并使用转换器将其添加为数据:image/gif。希望这能有所帮助。
你可以添加一个小的白色的Base64编码GIF(在线生成器在这里):
url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==")
以Chrome为例，我用它来设置复选框控件的样式:
INPUT[type=checkbox]:focus
{
outline:1px solid rgba(0,0,0,0.2);
}
INPUT[type=checkbox]
{
background-color: #DDD;
border-radius: 2px;
-webkit-appearance: button;
width: 17px;
height: 17px;
margin-top: 1px;
cursor:pointer;
}
INPUT[type=checkbox]:checked
{
background:#409fd6 url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==") 3px 3px no-repeat;
}
如果你只是想把它放在IMG标签中，你可以这样做:
<img alt="" src="data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==" width="11" height="10">
