html - 用于生成跨浏览器工作的复选标记 li 的正确 CSS

Question

我正在使用以下 CSS 在我的 <li> 之前添加复选标记列表项:

ul.checkmark li:before {
    content:"\2713\0020";
}

然后在 HTML 中:

<ul class="checkmark">
   <li>Learn the keyboard at your own pace</li>
</ul>

在 Safari、Firefox 和 Chrome 中运行良好，但在 IE8 上显示“异常框”。

Safari :

IE8:

是否有一种可移植的方法来指定一个适用于所有主流浏览器的美观复选标记？

编辑解决方案:我最终使用了以下 meder 答案的变体:

ul.checkmark li {
    background:url("../checkmark.gif") no-repeat 0 50%;
    padding-left: 20px;
}

ul.checkmark {
    list-style-type: none;
}

Answer 1

li { background:url(/images/checkmark.gif) no-repeat 0 50%; }

这可能是让它在 8/9 之前的 IE 中持续工作的唯一方法。