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