HTML Seleccionar etiqueta con el fondo negro - triángulo desplegable es invisible en Firefox 3

tengo el siguiente código HTML (nótese el CSS haciendo que el fondo negro y texto blanco)HTML Seleccionar etiqueta con el fondo negro - triángulo desplegable es invisible en Firefox 3

<html> 
    <select id="opts" style="background-color: black; color: white;"> 
    <option>first</option> 
    <option>second</option> 
    </select> 
</html>

Safari es lo suficientemente inteligente como para hacer que el pequeño triángulo que aparece a la derecha del texto del mismo color que el texto en primer plano.

Otros navegadores básicamente ignoran el CSS, por lo que también están bien.

Firefox 3, sin embargo se aplica el color de fondo pero deja el negro triángulo, por lo que no se puede ver, como este

Example

no puedo encontrar la manera de solucionar este problema - puede ayudar a nadie ? ¿Hay un -moz-select-triangle-color o algo así?

Fuente

2008-08-27 Orion Edwards

me cayó ese código en un archivo y lo presioné a ff3 y no veo lo que ves ... la flecha es el color predeterminado con fondo gris y flecha negra. ¿Estás diseñando barras de desplazamiento también? – RedWolves

Debe haber un problema Vista. Tengo XP SP 2 y parece normal.

Fuente

2008-08-27 03:13:46 RedWolves

También es un problema en Mac OSX Firefox 3 –

¿El botón debe ser negro? podría aplicar el fondo negro a las opciones en su lugar.

Fuente

2008-08-27 00:27:27 Re0sless

Dejé caer ese código en un archivo y lo puse en ff3 y no veo lo que ves ... la flecha es el color predeterminado con fondo gris y flecha negra.

¿Estás diseñando barras de desplazamiento también?

He actualizado el post, el HTML en que ahora hay literalmente todo el código HTML que se está cargando, ningún otro CSS/JS o nada, y todavía se ve exactamente como se ha escrito en el PIC.

Nota Estoy en vista. Puede hacer cosas diferentes en XP, no he comprobado

Fuente

2008-08-27 02:19:16

Debe ser un problema de Vista. Tengo XP SP 2 y parece normal.

Así es.
Lo probé en XP y está bien, y en vista con el tema establecido en Windows Classic también está bien. Debe ser solo un error en el tema de firefox-vista-aero.

Fuente

2008-08-28 00:20:24

Para hacer que el pequeño espectáculo flecha negro en Vista (con un fondo negro), hice un cuadro de gif blanco y utilizó el siguiente CSS:

select { 
    background-image: url(../images/selectBox.gif); 
    background-position: right; 
    background-repeat: no-repeat; 
}

Fuente

2008-12-13 16:01:23

Problema con la solución anterior se no funciona en Safari: terminas con el fondo blanco apareciendo que se ve mal. Tengo alrededor de esto mediante el uso de esta específica pseudo-clase Moz:

select:-moz-system-metric(windows-default-theme) { 
    background-image: url(../images/selectBox.gif); 
    background-position: right; 
    background-repeat: no-repeat; 
}

En teoría, esto sólo se aplica este CSS si un Tema de Windows de fantasía es, en efecto, ver este https://developer.mozilla.org/en/CSS/%3a-moz-system-metric(windows-default-theme)

Fuente

2009-03-16 12:21:24

HTML Seleccionar etiqueta con el fondo negro - triángulo desplegable es invisible en Firefox 3

Respuesta

Cuestiones relacionadas