Menu Close

How to Change Bullet Color of List Items

0
(0)

Follow the below code and change bullet color using css,

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <style>
            ul {list-style: none;}
            ul li::before {content: "\2022";color: blue;font-weight: bold;display: inline-block; width: 1em;margin-left: -1.5em;}
        </style>
    </head>
    <body>
        <h2>Change Bullet Color of List Items</h2>
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>Bootstrap</li>
        </ul>
    </body>
</html> 

Output

Change Bullet Color of List Items

  • HTML
  • CSS
  • Bootstrap

How useful was this post?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?

Share

Posted in CSS, HTML

Leave a Reply

Your email address will not be published. Required fields are marked *

You can also read...