---
title: "Unable to style the color of bullets in a list CSS"  
description: "Unable to style the color of bullets in a list CSS"  
author: "Anonymous User"  
published: 2013-08-19  
updated: 2013-08-19  
canonical: https://www.mindstick.com/forum/1410/unable-to-style-the-color-of-bullets-in-a-list-css  
category: "css-css3"  
tags: ["css-css3"]  
reading_time: 1 minute  

---

# Unable to style the color of bullets in a list CSS

Hi [developers](https://www.mindstick.com/articles/12875/blunders-you-must-avoid-while-hiring-java-developers-to-get-the-best-fulfilling-your-needs)!

I'm [trying](https://answers.mindstick.com/qa/93698/6-mistakes-couples-are-trying-to-save-money) to change the colour of the list points but it's not working?

<div [class](https://www.mindstick.com/blog/165/generic-class-in-c-sharp)="[mobile](https://www.mindstick.com/articles/310668/reasons-why-you-should-choose-custom-mobile-app-development-for-your-business)-menu" id="mobile-menu">

<div id="mobile-menu-links">

<h4>General:</h4>

<ul class="mobile-menu-links">

<li><a href="">News</a></li>

<li><a href="">The boring [rules](https://www.mindstick.com/articles/43901/blackjack-rules)!</a></li>

<li><a href="">The [rankings](https://www.mindstick.com/articles/12941/link-building-and-search-engine-rankings-how-are-they-connected)</a></li>

</ul>

.mobile-menu #mobile-menu-links ul{

list-[style](https://www.mindstick.com/articles/126300/apa-citation-style-get-to-know-about-it-for-your-next-assignment)-type: none;

[margin](https://answers.mindstick.com/qa/104990/what-is-a-margin-call):0;

padding-left:3%;

}

.mobile-menu #mobile-menu-links ul li{

padding-bottom:2px;

border-bottom:1px solid #bababa;

}

If I add [color](https://www.mindstick.com/articles/77/how-to-split-form-background-color-in-c-sharp):red in either of the two CSS declarations, it doesn't change the colour.

Please note that the HTML is closed in my [document](https://www.mindstick.com/articles/328642/what-to-consider-while-choosing-a-software-documentation-tool), I just copied the first part for you to see.

Thanks.

## Replies

### Reply by shreesh chandra shukla

Hi jayprakash!

You should use below line of code

## HTML code

```
<div class="mobile-menu" id="mobile-menu">        <div id="mobile-menu-links">            <h4>General:</h4>            <ul class="mobile-menu-links">                <li><a href="">News</a></li>                <li><a href="">The boring rules!</a></li>                <li><a href="">The rankings</a></li>            </ul>    </div></div>
```

## CSS code

```
.mobile-menu #mobile-menu-links ul{                list-style-type: none;                margin:0;                padding-left:3%;            }            .mobile-menu #mobile-menu-links ul li{                padding-bottom:2px;                border-bottom:1px solid #bababa;            }a:link {color:#FF0000;}a:visited {color:#00FF00;}  /* visited link */a:hover {color:#FF00FF;}  /* mouse over link */a:active {color:#0000FF;}
```


---

Original Source: https://www.mindstick.com/forum/1410/unable-to-style-the-color-of-bullets-in-a-list-css

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