Pourquoi le html sélectionner l'arrière-plan-couleur noire Chrome quand transparent?

J'ai le texte suivant menu déroulant et l'arrière-plan semble noir dans Chrome, mais blanc sur Firefox/IE/Safari sur Windows/Linux/Mac. J'utilise les dernières versions de tous les navigateurs.

<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>

Personne ne sait comment je peux le style ci-dessus, de sorte que Chrome montre l'arrière-plan blanc lorsque la couleur est transparent, comme dans les autres navigateurs?

EDIT:
Mon but est d'afficher une image en arrière-plan de la sélectionner. L'image s'affiche correctement dans tous les navigateurs à l'exception de Chrome.

  • Esthétique les composants complexes (comme choisir, etc etc) est toujours va être compliqué parce que la norme html et css ne peut pas vraiment exprimer ces gabarits.
InformationsquelleAutor Thierry Lam | 2009-09-04
  1. 1

    Selon cette et cette, c'est un bug de google Chrome qui est censé être corrigé.

    Le bug apparaît dans la version 2.0. Je l'ai juste testé dans la version 3.0 bêta, et c'est corrigé.

    • J'ai été à la recherche pour que le bug trop, 664 est lié à mon problème. J'ai également installé Chrome dev pour mac et linux, ils sont à 4.0 et que vous avez fixé.
    InformationsquelleAutor Aziz
  2. 0

    Pourquoi êtes-vous à l'aide de background-color: transparent; pour "sélectionner"? Si vous supprimez que chrome fonctionne.

    Qu'est-ce que l'effet que vous désirez? Peut-être que certains démo?

    • il a probablement une image de fond derrière le "select".
    InformationsquelleAutor Gavrisimo
  3. 0

    Cette réponse https://stackoverflow.com/a/5806434/964227 que j'ai trouvé une autre question juste comme cela a fonctionné parfaitement pour moi.

    Apparemment Chrome ne pas accepter une image de sélectionner l'arrière-plan. Donc, pour la couleur de travailler, vous devez supprimer l'image, puis de définir la couleur. Je vais simplement copier et coller l'autre réponse ici.

    select {
    background-image: none; /* remove the value that chrome dose not use */
    background-color: #333; /* set the value it does */
    border-radius: 4px;     /* make it look kinda like the background image */
    border: 1px solid #888;
}
    InformationsquelleAutor lmoraes