views:

1325

answers:

2

I have the following drop down menu and the background looks black in Chrome but white on Firefox/IE/Safari across Windows/Linux/Mac. I'm using the latest versions of all those browsers.

<style>
select {
    background-color: transparent;
    background-image: url(http://sstatic.net/so/img/logo.png);
}
</style>
<select>
    <option>Serverfault</option>
    <option>Stackoverflow</option>
    <option>Superuser</option>
</select>

Does anyone know how I can style the above so that Chrome shows the background as white when the color is set to transparent like in the other browsers?

EDIT: My goal is to display an image in the background of select. The image shows up properly in every browser except Chrome.

A: 

Why are you using background-color: transparent; for "select"? If you remove that chrome works.

What is the effect you are after? Maybe some demo?

GaVrA
he probably has a background image behind the "select".
Aziz
A: 

According to this and this, it is a bug in Chrome that is supposed to be fixed.

The bug appears in version 2.0. I just tested it in 3.0-beta, and it's fixed.

Aziz
I was searching for that bug too, 664 is related to my issue. I also just installed Chrome dev for mac and linux, they are at 4.0 and have that fixed.
Thierry Lam