css para select

[juandedios]

Hola, hice una imagen de fondo para mi control select y al aplicarlo me suceden 2 problemas:

• Sigue apareciendo la flechita original del select (quiero quitarla).
• Cuando le doy click a la flechita no se abren las opciones del select, no se despliega.

el css esta asi:

Código CSS:

select {
    width: 150px;
    height: 30px;
    padding: 6px 10px;
    color: #FFF;
    background: url(../img/select_header.png) no-repeat;
}
 

Espero que me puedan ayudar. Gracias.

[ArturoGallegos]

la flecha tengo entendido no se puede modificar.

y el despliegue de los elementos, asignaste color blanco al texto asegurate de que el fondo tenga otro color, ya sea que la imagen sea lo suficientemente alta o agregar un color solido después de la imagen que has colocado.

background:#333 url(../img/select_header.png) no-repeat;

[alexk]

en estos casos... si el select necesita un estilo diferente..
para que sea un poco mas compatible con otros navegadores suelo usar JS... puedes usar el buscador de este mismo foro para saber mas del tema