Nov 2011 07

If you’d like to specify your own list bullets using images or special characters, here’s one way to do it. In your CSS, add the following code which removes the default list style, adds a small black right-pointing triangle and a space before your list content, and colors lists items.

ol,ul{
list-style:none;
}

ul li:before {
content:"\25B8 \0020";
}

ul li {
color:#0066cc;
}


You can also do the same for links. For example:

<a class="mybullet" href="#">Some text</a>
a.mybullet:before {
content:"\25B8 \0020";
}
Share

Leave a Comment