Products

Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller

Developer

Article Blog Forum Interview Beginner News Startup Quiz

Users

Career

Apply Job Internship

Pricing

Login Sign Up Get a Quote

how to set ul/li bullet point color?

Mark Devid 3139 19 Aug 2013

Hi!

Normally, the bullet point in ul/li is a black solid circle. I want to change the style of it, like I want to set the color of the bullet point to be green, I also want to change the bullet point to be a square. Anyone knows how to do that?

please give me right solution

Ask by Mark Devid

Updated 19 Aug 2013

1 Answers

shreesh chandra shukla 19 Aug 2013

Hi!

A couple ways this can be done:

This will make it a square

ul
{
  list-style-type: square;
}
This will make it green
li
{
  color: #0F0;
}
This will prevent the text from being green
li 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);
}

MindStick Training

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.