Question

A client asked me if I could change the appearance of unordered lists throughout a website.

Now, using the default dot, they look like this:

• A normal
• unordered list

The desired output would be (using the underscore _):

_  A normal
_  Unordered list

How could I achieve that using CSS? (if possible)

Answer 1

Yes, you can achieve that using CSS.

HTML:

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

CSS:

ul {
    list-style: none;
}

li:before {
    content: '_ ';
}

Here’s a relevant fiddle: http://jsfiddle.net/q8v4k/1/