Return to Answer

added 177 characters in body; added 37 characters in body

edited Aug 20, 2012 at 19:28

You have to add the background to the LI elements as well. This is only an issue in certain browsers IIRC.

select, select > option { background-color:#232323; border-color:#232323; border-width:1px; color:white; }

As for the 'border' colour - are you sure this is not the 'outline'?? have you tried changing outline-color: blue; ? Demo with outline.

Here is the difference with the LI's getting the background color in Chrome on Linux (Ubuntu) http://jsfiddle.net/rlemon/ZWwgW/7/
enter image description here

You have to add the background to the LI elements as well. This is only an issue in certain browsers IIRC.

select, select > option { background-color:#232323; border-color:#232323; border-width:1px; color:white; }

As for the 'border' colour - are you sure this is not the 'outline'?? have you tried changing outline-color: blue; ? Demo with outline.

You have to add the background to the LI elements as well. This is only an issue in certain browsers IIRC.

select, select > option { background-color:#232323; border-color:#232323; border-width:1px; color:white; }

As for the 'border' colour - are you sure this is not the 'outline'?? have you tried changing outline-color: blue; ? Demo with outline.

Here is the difference with the LI's getting the background color in Chrome on Linux (Ubuntu) http://jsfiddle.net/rlemon/ZWwgW/7/
enter image description here

answered Aug 20, 2012 at 18:33

You have to add the background to the LI elements as well. This is only an issue in certain browsers IIRC.

select, select > option { background-color:#232323; border-color:#232323; border-width:1px; color:white; }

As for the 'border' colour - are you sure this is not the 'outline'?? have you tried changing outline-color: blue; ? Demo with outline.