如何从 OL 编号中删除句点 (.)？答案

【问题标题】：How to remove period (.) from OL numbering?如何从 OL 编号中删除句点 (.)？
【发布时间】：2010-05-05 17:31:38
【问题描述】：

我想删除号码后的.。

1. 只能是1

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

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

编辑：

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

【问题讨论】：

【解决方案1】：

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

ol {
list-style-type:none;
} 

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

工作示例here。我可以在 Chrome 中使用它。

【讨论】：

【解决方案2】：

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

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

如果您在服务器端生成代码，那么它会容易得多，因为您可以在循环中使用递增变量。

【讨论】：

【解决方案3】：

使用 jQuery 查找

并在其 .innerHTML 中插入一个递增的数字可能是使用 javascript 执行此操作的最佳方法。

【讨论】：