将无序列表的外观从点更改为下划线

Question

客户问我是否可以在整个网站中更改无序列表的外观。

现在，使用默认点，它们看起来像这样：

  

  
• 正常
  
• 无序列表
  

所需的输出是（使用下划线_）：

  

_正常
  _无序列表

我怎样才能使用CSS实现这一目标？ （如果可能的话）

Answer 1

是的，您可以使用CSS实现这一目标。

HTML：

<ul>  
    <li>test</li>  
    <li>test</li>  
</ul>

CSS：

ul {
    list-style: none;
}

li:before {
    content: '_ ';
}

这是一个相关的小提琴：http://jsfiddle.net/q8v4k/1/

Answer 2

您必须提供自己的图像作为项目符号模板。

list-style-image: url(bullet_underscore.png);