How to colour the list-style-type auto-generated numbers?

Question

I\'m using the following list:

    
This is the first footnote...
    &         


        

Answer 1

This simple CSS3 solution works in most browsers (IE8 and up):

ul {
    padding-left: 14px;
    list-style: none;
}
ul li:before {
    color: #f90;
    content: "•";
    position: relative; 
    left: -7px;
    font-size: 18px;
    margin-left: -7px;
}

You may have to adjust the padding and margin values depending on your situation.