如何从OL编号中删除句点(。)?

时间:2010-05-03 13:07:32

标签: javascript jquery css xhtml

http://jsbin.com/urice

我想在号码后删除.

1.应仅1

所有浏览器兼容性导致 IE6 和有效性。

我需要没有javascript的解决方案。

修改:

如果用css不可能,那么一个简单的javascript和jQuery解决方案将不胜感激,谢谢。

3 个答案:

答案 0 :(得分:3)

有这个,不知道有多少浏览器支持它。

ol {
list-style-type:none;
} 

ol li:before {
content:counter(number) " ";
counter-increment:number;
counter-reset: number;
}

工作示例here。我让它在Chrome中运行。

答案 1 :(得分:1)

老实说,完全跨浏览器的唯一方法就是不要使用列表编号。只需将list-style:none放在列表中并手动输入数字:

<ol>
  <li>1 The first item</li>
  <li>2 The second item</li>
</ol>

如果您正在生成代码服务器端,那么因为您可以在循环中使用递增变量,所以它更容易。

答案 2 :(得分:0)

使用jQuery查找&lt; li>并在.innerHTML中插入递增数字可能是使用javascript执行此操作的最佳方法。