html - 如何为 HTML 无序列表创建开放式方形/复选框样式列表标记？

Question

我需要在网页上制作一个元素符号列表，其中包含看起来像空复选框(基本上是正方形轮廓)的标记(元素符号)。我知道您可以通过 CSS 中的 list-style-type 属性指定列表标记，但可用的选项(实心圆、空心圆、实心方形等)不是我需要的。

我不需要这些来像复选框一样实际运行。我只希望它们是正方形，而不是填充。

谢谢，约翰

Answer 1

您可以 use images instead ...除非您需要它像复选框一样发挥作用

这是一个有趣的小演示 ​​:P

http://jsfiddle.net/nN8k7/

<ul>
  <li>one</li>
  <li>two</li>
</ul>

li:before
{
    content: "\2610";
    margin-right:5px;
}

li:hover:before
{
    content: "\2611";
    margin-right:5px;
}

或者...

http://jsfiddle.net/nN8k7/1/

我只是玩得太开心了。 :P