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
Post a Comment