---
title: "how to set ul/li bullet point color?"  
description: "how to set ul/li bullet point color?"  
author: "Mark Devid"  
published: 2013-08-19  
updated: 2013-08-19  
canonical: https://www.mindstick.com/forum/1409/how-to-set-ul-li-bullet-point-color  
category: "css-css3"  
tags: ["css-css3"]  
reading_time: 1 minute  

---

# how to set ul/li bullet point color?

Hi!

Normally, the bullet point in ul/li is a [black](https://yourviews.mindstick.com/view/83102/badi-elaichi-black-cardamom-health-benefits) [solid](https://www.mindstick.com/blog/11717/traits-of-a-solid-digital-marketing-company) circle. I want to change the [style](https://www.mindstick.com/articles/126300/apa-citation-style-get-to-know-about-it-for-your-next-assignment) of it, like I want to set the [color](https://www.mindstick.com/articles/77/how-to-split-form-background-color-in-c-sharp) of the bullet point to be [green](https://www.mindstick.com/articles/95829/think-green-sustainable-design-considerations-for-commercial-buildings), I also want to change the bullet point to be a square. [Anyone](https://www.mindstick.com/articles/23207/how-to-find-the-best-fit-job-for-anyone) knows how to do that?

please give me [right](https://www.mindstick.com/articles/12766/check-whether-you-are-doing-digital-transformation-right-or-not) solution

## Replies

### Reply by shreesh chandra shukla

Hi!

A couple ways this can be done:

This will make it a square

```
ul{  list-style-type: square;}This will make it greenli{  color: #0F0;}This will prevent the text from being greenli p{  color: #000;}
```

However that will require that all text within lists be in paragraphs so that the color is not overridden.

A better way is to make an image of a green square and use:

```
ul{  list-style: url(green-square.png);}
```


---

Original Source: https://www.mindstick.com/forum/1409/how-to-set-ul-li-bullet-point-color

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.