HTML Select Tag met swart agtergrond - dropdown driehoek is onsigbaar in Firefox 3

StackOverflow https://stackoverflow.com/questions/29244

Vra

Ek het die volgende HTML (let op die CSS maak die agtergrond swart en teks wit) 

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

Safari is slim genoeg om die klein driehoek wat blyk aan die regterkant van die teks dieselfde kleur as die voorgrond teks te maak.

Ander blaaiers basies ignoreer die CSS, so hulle is te fyn.

Firefox 3 geld egter die agtergrond kleur, maar laat die driehoek swart, so jy kan dit nie sien nie, soos hierdie

Voorbeeld

Ek kan nie uitvind hoe om dit op te los - kan iemand help? Is daar 'n -moz-select-triangle-color of iets onduidelik soos wat?

Was dit nuttig?

Oplossing

Moet 'n Vista probleem wees. Ek het XP SP 2 en dit lyk normaal.

Ander wenke

Probleem met die fix bo is dit nie werk op Safari - jy eindig met die wit agtergrond vertoon wat sleg lyk. Ek het rond hierdie deur die gebruik van hierdie spesifieke pseudo-klas Moz: 

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

In teorie hierdie hierdie CSS is slegs van toepassing indien 'n fancy Windows tema is in effek, sien hierdie https://developer.mozilla.org/en/CSS/%3a-moz-system-metric (vensters-standaard-tema)

Maak die knoppie moet swart wees? jy kan die swart agtergrond van toepassing op die opsies in plaas.

Om die klein swart pyl show op Vista maak (met 'n swart agtergrond), het ek 'n wit boks gif en gebruik die volgende CSS: 

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

Ek laat val dat kode in 'n lêer en druk dit na ff3 en ek sien nie wat jy sien ... die pyl is standaard kleur met 'n grys agtergrond en swart pyl.

     

Is jy stilering rolstawe ook?

Ek het die post opgedateer, die HTML in daar is nou letterlik alle die html wat gelaai word, geen ander CSS / JS of enigiets, en dit lyk nog presies soos gepos in die pic .

Let Ek is 'n Vista. Dit kan verskillende dinge doen op XP, het ek nie nagegaan

  

Moet 'n Vista probleem wees. Ek het XP SP 2 en dit lyk normaal.

Dit is dus.
Ek het probeer om dit op XP en dis fine, en op Vista met die tema stel om vensters klassieke dis ook goed. Moet net 'n fout in die firefox-Vista-aero tema wees.

Gelisensieer onder: CC-BY-SA met toeskrywing
Nie verbonde aan StackOverflow
scroll top