How to Change the Bullet Style of your Ordered List

The default bullet for an ordered list

1. is a regular decimal number


2. as shown in these two bullets

You can easily change your style to upper-alpha, lower-alpha, upper-roman, lower-roman, or none. Just edit the HTML and change the OL tag as follows.

1. For upper-alpha, the OL tag should be written as follows


2. <ol style="list-style: upper-alpha">
   

1. For lower-alpha, the OL tag should be written as follows


2. <ol style="list-style: lower-alpha">
   

1. For upper-roman, the OL tag should be written as follows


2. <ol style="list-style: upper-roman">
   

1. For lower-roman, the OL tag should be written as follows


2. <ol style="list-style: lower-roman">
   

1. And for no number at all, the OL tag should be written as follows


2. <ol style="list-style: none">

Cheers!

►  Take a look at some of our related posts, such as How to Change the Bullet Style of your Unordered Lists

If this post has been helpful, please consider linking to our blog or sharing!