http://jsbin.com/urice如何从OL编号中删除句点(。)?
我想删除编号后的.
。
1.
应该1
只
随着所有的浏览器兼容性诱导IE6和有效性。
我需要没有javascript的解决方案。
编辑:
如果这是不可能的CSS只有一个简单的JavaScript和jQuery的解决方案,将不胜感激,谢谢。
http://jsbin.com/urice如何从OL编号中删除句点(。)?
我想删除编号后的.
。
1.
应该1
只
随着所有的浏览器兼容性诱导IE6和有效性。
我需要没有javascript的解决方案。
编辑:
如果这是不可能的CSS只有一个简单的JavaScript和jQuery的解决方案,将不胜感激,谢谢。
有这个,不知道有多少浏览器支持它。
ol {
list-style-type:none;
}
ol li:before {
content:counter(number) " ";
counter-increment:number;
counter-reset: number;
}
工作示例here。我有它在Chrome中工作。
虽然不符合IE6兼容性标准。 Certianly不是没有js。 – 2010-05-03 13:20:38
它不工作在IE 6和7 – 2010-05-03 13:20:46
@ ricebowl - 你可以给JavaScript解决方案,如果它不可能使用CSS只有 – 2010-05-03 13:21:48
使用jQuery来查找< li>并在他们的.innerHTML中插入递增数字可能是使用javascript完成此操作的最佳方法。
老实说,做你想完全跨浏览器的唯一方法就是根本不使用列表编号。只要把名单上list-style:none
并手动输入号码:
<ol>
<li>1 The first item</li>
<li>2 The second item</li>
</ol>
如果你生成代码的服务器端,那么它是一个容易得多,因为你可以在你的循环使用一个递增变量。
@cazlab - 是的,我需要css解决方案,如果可能 – 2010-05-03 13:11:36
使用纯CSS我不认为这是可能的,但我有兴趣了解。 – 2010-05-03 13:16:00
为什么你需要pure-javascript **和** jQuery?我编辑了这个问题,使其不那么苛刻,而且更有礼貌。 – 2010-05-03 15:50:57