html - nositelinkssearchbox - metadatos mas importantes
Etiqueta de selección HTML con fondo negro: el triángulo desplegable es invisible en Firefox 3 (6)
Solté 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 la publicación, el HTML allí ahora es literalmente todo el html que se está cargando, ningún otro CSS / JS ni nada, y todavía se ve exactamente como se publicó en la foto.
Tenga en cuenta que estoy en vista. Puede hacer cosas diferentes en XP, no he verificado
Tengo el siguiente HTML (tenga en cuenta el CSS que hace que el fondo sea negro y el texto blanco)
<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 tenga el mismo color que el texto de primer plano.
Otros navegadores básicamente ignoran el CSS, por lo que también están bien.
Sin embargo, Firefox 3 aplica el color de fondo pero deja el triángulo negro, por lo que no puedes verlo, como este
No puedo encontrar la manera de solucionarlo, ¿alguien puede ayudarme? ¿Hay un -moz-select-triangle-color o algo así como oscuro?
¿El botón debe ser negro? podría aplicar el fondo negro a las opciones en su lugar.
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.
El problema con la solución anterior es que no funciona en Safari: terminas con el fondo blanco apareciendo, lo que parece estar mal. Lo solucioné usando esta pseudo-clase específica de 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 solo aplica este CSS si un tema elegante de Windows está en vigencia, consulte este https://developer.mozilla.org/es/CSS/%3a-moz-system-metric(windows-default-theme)
Para hacer que la pequeña flecha negra se muestre en vista (con fondo negro), hice un gif de caja blanca y usé el siguiente CSS:
select {
background-image: url(../images/selectBox.gif);
background-position: right;
background-repeat: no-repeat;
}
Debe ser un problema de Vista . Tengo XP SP 2 y parece normal.