HTML/XHTML中的标记符号

我们需要在内部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>
 &#10003; &#10004;
</body>
</html>

感谢任何帮助。

在ie6.0和ie7下的工作如下:

<html>
<head>

</head>
<body>
 <span style="font-family: wingdings; font-size: 200%;">&#252;</span>
</body>
</html>

如果有人能在Windows下查看FF，我会很感激。我很确定它不会在非Windows的盒子上工作。

当前回答

解决方案使用Windows默认字体Wingdings;它不是基于unicode的，并且不能在Linux中工作(除非安装了它):

Crossed Checkbox
<div style="font-family: Wingdings;">û</div> ☒

Checked Checkbox
<div style="font-family: Wingdings;">ü</div> ☑

Cross
<div style="font-family: Wingdings;">ý</div> ✗

Check
<div style="font-family: Wingdings;">þ</div> ✓

2015-01-28 10:46:43

其他回答

使用WebDing或WingDing字体是实现本主题目标的唯一方法:它必须从IE 6.0.2900开始工作。因此，我将在这里发布一些，以及对上面发布的一些更正:

Cross û Check ü Crossed Checkbox ý Checked Checkbox þ Empty Checkbox ¨ Thick Check a Friendly asked in comments <div style="display: inline; font-family: Wingdings; font-size: 15px; background-color: lightblue; border: 2px solid black; padding: 1px 4px 0 2px;">ü</div>

参考这里: 闹酒狂欢 webdings

2020-05-14 23:28:00

为什么不在只读模式下使用HTML输入复选框元素呢

<input type="checkbox" disabled="disabled" /> and
<input type="checkbox" checked="checked" disabled="disabled" />

我认为这在所有浏览器上都可以工作。

2009-03-18 14:33:45

我也遇到了同样的问题，但这些建议都不起作用(在Windows XP上使用Firefox)。

所以我发现了一个可能的解决方案，使用图像数据显示一个小的复选标记:

span:before {
    content:url("data:image/gif;base64,R0lGODlhCgAKAJEAAAAAAP///////wAAACH5BAEAAAIALAAAAAAKAAoAAAISlG8AeMq5nnsiSlsjzmpzmj0FADs=");
}

当然，您可以创建自己的复选标记图像，并使用转换器将其添加为数据:image/gif。希望这能有所帮助。

2013-09-28 19:36:16

我通常使用fontawesome字体(http://fontawesome.io/icon/check/)，你可以在html文件中使用它:

 <i class="fa fa-check"></i>

或者在css中:

content: "\f00c";
font-family: FontAwesome;

2014-06-12 10:00:50

我很晚才来参加聚会，发现&check;在歌剧院工作。我还没有在其他浏览器上测试它，但它可能对一些人有用。

2013-05-23 14:53:56

HTML/XHTML中的标记符号

推荐文章

最新文章

标签