Customize list item bullets using CSS

Question

Is it possible to change the size of an

element\'s bullet?

Take a look at the code below:

li {
    list-sty         


        

Answer 1

Depending on the level of IE support needed, you could also use the :before selector with the bullet style set as the content property.

li {  
  list-style-type: none;
  font-size: small;
}

li:before {
  content: '\2022';
  font-size: x-large;
}

You may have to look up the HTML ASCII for the bullet style you want and use a converter for CSS Hex value.