html - Changing the bullet point color in Chrome? -


it's easy set bullet point colour, changing doesn't seem work in latest version of chrome (it works fine in safari , firefox).

for example hover mouse on elements in code snippet:

    li {        list-style-type: disc;        list-style-position: outside;        margin-left: 20px;      }            ul {        transition: color .3s linear;        color: red;      }            ul:hover {        color: black;      }
<ul>    <li>first</li>    <li>second</li>    <li>third</li>  </ul>

or jsfiddle (if prefer that)

you may remove list styling , add pseudo element make <li> elements having disc style.

li {     list-style: none; }  li:before {     content: '\25cf\00a0\00a0';     display: inline; } 

fiddle here.


Comments

Popular posts from this blog

javascript - jQuery: Add class depending on URL in the best way -

caching - How to check if a url path exists in the service worker cache -

Redirect to a HTTPS version using .htaccess -