Steps to reproduce the problem

1. Write a document that declares a select element containing several option elements.
2. Write some CSS code to modify the color or background-color of the selected (checked) option.
3. Request the document in Chrome and notice that the CSS code is only honored when the option is not in focus. When the option has just been clicked, its colors are always the default provided by Chrome.

Problem Description

The :active and :focus states of option elements are only partially honored. When the user clicks on an option, so that it should be in the checked and active or focused states, any CSS for its color or background-color styles is ignored, and the default applied. Only when the option is blurred (its state changes to unfocused) are the color styles applied.

Summary

Some CSS to modify select option elements fails when the elements are in certain states

Additional Data

Category: API
Chrome Channel: Stable
Regression: No