In Chrome (Version 45.0.2454.101 m) if I add a class to a list element to change its color, the bullet point color is only updated when the window is repainted (resized)
$("#a").click(function() {
$("#a").addClass('blue');
});
ul li {
color: red;
list-style-type: disc;
margin-left: 2em;
}
.blue {
color: blue;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul>
<li id="a">a</li>
<li id="b">b</li>
<li id="c">c</li>
</ul>
See Question&Answers more detail:os