On Mac, adding background-color to select's options

HTML & CSS
1

Hi there,

Here is the demo page: framethemomentshop.com/select_testing.html. Did not add “http” so people don’t think I am trying to get a back link lol.

The background color is visible on Windows (pretty much all browsers), but it is not visible on Mac, Safari in particular.

So, you open the drop down, and on Windows you will see select’s options colored with background-color property via CSS. Open the same page on Mac and you will see a totally different picture.

Are there any solutions? I don’t think there are, but who knows.

Thanks guys!

Alex.

2

Yeah, styling select lists is not really a goer in general. (See this: http://www.456bereastreet.com/lab/styling-form-controls-revisited/select-single/) You can do this with JS, though: http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/ (random link found in Google).

3

Thanks for the link Ralph (http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/). Will check it out in a bit. Anyone knows any other good tutorials to have a look at? Thanks.