Select Lists and White Text

I’ve had this come up a couple of times – where select lists are designed to have white text on a dark background – everything is fine and dandy on my mac – and then cross browser testing on windows I discover that the white options text renders the select list pretty much unuseable. I usually scratch my head trying to figure out how to fix this. Here is the trick, any color needs to be applied to select > option. Do not apply any color to select alone as this will override the select > option declaration! Not only do you need to style the option – but for the resting state youll want to use the psuedo class “checked” – i usually throw that in with select option:first-child. it works!