如何在有序列表中隐藏子弹编号后面的点?

chi*_*cal 23 html css

最初,我认为我可以使用:CSS中的第一个字母,遗留浏览器支持,但我不认为子弹数字在技术上存在于DOM中.假设我不打算使用子弹列表图像或背景图像.

所以类似于:

  1. 苹果
  2. 香蕉
  3. 桔子

会成为

  1苹果
  2香蕉
  3橙子

Sea*_*ira 48

这个答案来看,似乎答案是:

ol { 
    counter-reset: item;
    list-style-type: none;
}
ol li { display: block; }
ol li:before { 
    content: counter(item) "  "; 
    counter-increment: item;
}
Run Code Online (Sandbox Code Playgroud)

还请参见:http://jsbin.com/ukojo4/

  • 还可以使用`ol li`而不仅仅是`li`来保护未排序的列表免受此更改.这将把子弹变成1. (5认同)
  • 另外,在`<ol>`元素上设置`list-style-type:none;`以删除现有数字. (3认同)