How to set the Color of Bullets in UL/LI Lists via CSS, WITHOUT using images or span tags?

Add the following code in your css file
[code language=”css”]
ul li {
list-style: none;
ul li:before {
/* For a round bullet */
content: ‘2022’;
/* For a square bullet */
display: block;
position: relative;
max-width: 0;
max-height: 0;
left: -15px;
top: 0;
color: #EF7521;
font-size: 13px;


Sandeep Kumar

Sandeep kumar is a web developer and a professinal blogger. He works for latest technologies and write articles what he learn. In ICodeHub he share web languages tutorials and other programming tips and tricks. if you need some help or have some suggestion then mail him at sandeep92pal@gmail.com without any hesitation. He believes in learning and sharing.