2010-05-03 41 views
2

http://jsbin.com/urice如何从OL编号中删除句点(。)?

我想删除编号后的.

1.应该1

随着所有的浏览器兼容性诱导IE6和有效性。

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

编辑:

如果这是不可能的CSS只有一个简单的JavaScript和jQuery的解决方案,将不胜感激,谢谢。

+0

@cazlab - 是的,我需要css解决方案,如果可能 – 2010-05-03 13:11:36

+0

使用纯CSS我不认为这是可能的,但我有兴趣了解。 – 2010-05-03 13:16:00

+1

为什么你需要pure-javascript **和** jQuery?我编辑了这个问题,使其不那么苛刻,而且更有礼貌。 – 2010-05-03 15:50:57

回答

3

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

ol { 
list-style-type:none; 
} 

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

工作示例here。我有它在Chrome中工作。

+1

虽然不符合IE6兼容性标准。 Certianly不是没有js。 – 2010-05-03 13:20:38

+0

它不工作在IE 6和7 – 2010-05-03 13:20:46

+0

@ ricebowl - 你可以给JavaScript解决方案,如果它不可能使用CSS只有 – 2010-05-03 13:21:48

0

使用jQuery来查找< li>并在他们的.innerHTML中插入递增数字可能是使用javascript完成此操作的最佳方法。

1

老实说,做你想完全跨浏览器的唯一方法就是根本不使用列表编号。只要把名单上list-style:none并手动输入号码:

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

如果你生成代码的服务器端,那么它是一个容易得多,因为你可以在你的循环使用一个递增变量。