[CSS] Achtergrond in formulier

[Briefcase]

het volgende probleem; wanneer ik met CSS aangeeft dat de achtergrond van mijn listbox non moet worden snapt firefox dat prima. Alleen wordt de uitrol in eens donkergrijs.

In IE6 blijft de box wit en de uitrol ook wit. Het leuke is dat de rest van het formulier er prima uitziet en ook tateloos werkt. Iemand enig idee wat ik hier fout doe:

de codes:

code:

<select name="onderwerp" id="onderwerp" class="form">
                  <option>Maak uw keuze</option>
                  <option value="Productvraag">Vraag over een product</option>
                  <option value="Offerte aanvraag">Graag een offerte</option>
                  <option value="Terugbellen">Gelieve terug te bellen</option>
                  <option value="Support">Ondersteuning na aanschaf</option>
                  <option value="Sollicitatie">Sollicitatie</option>
                </select>

code:

}
.form {
    border: 1px solid #666666;
    background: none;
    color: #000000;
    font-family: Arial;
    font-size: 12px;

}

[Borizz]

Je kunt de background niet op none zetten, zie http://www.w3schools.com/css/css_reference.asp#background.
Ik begrijp ook niet wat je wilt bereiken door de background op none te zetten.

[Civil]

Als je hem transparant wil hebben kun je het volgende doen.

Cascading Stylesheet:

background: transparent;

[Briefcase]

Borizz schreef op zaterdag 03 september 2005 @ 10:41:
Je kunt de background niet op none zetten, zie http://www.w3schools.com/css/css_reference.asp#background.
Ik begrijp ook niet wat je wilt bereiken door de background op none te zetten.

zal best maar met de background: none krijg ik transparante velden ipv witte boxen. het werkt overal behalve bij een pulldown.

[Briefcase]

Civil schreef op zaterdag 03 september 2005 @ 11:00:
Als je hem transparant wil hebben kun je het volgende doen.

Cascading Stylesheet:

background: transparent;

dat heeft dezelfde uitwerking.

[Borizz]

Briefcase schreef op zaterdag 03 september 2005 @ 12:47:
[...]

zal best maar met de background: none krijg ik transparante velden ipv witte boxen. het werkt overal behalve bij een pulldown.

Dat zal best zo zijn, maar het is niet volgens de specificaties en het zou dus goed kunnen dat niet alle browsers dat ondersteunen.

Je zou het volgende kunnen proberen om de achtergrond van de opties ook transparant te maken:

Cascading Stylesheet:

.form option {
  background-color: transparent;
}

[Briefcase]

sorry, maar dat heeft geen uitwerking. Is er andere manier om dit te doen ?

Even wat screens voor de duidelijkheid:

[Borizz]

Je kunt niet alles wijzigen (kwa opmaak) aan de standaard invoervelden van een formulier. En de mogelijkheden hiervoor verschillen ook per browser (je hebt het zelf al odnervonden). Wat wel kan is een option een achtergrond kleur geven (dus ipv. transparent bijvoorbeeld: red, blue, #ffff00 etc.).

Wil je het persé transparant hebben dan zul je een eigen dropdown box moeten maken m.b.v. javascript, maar ik zie het nut eigenlijk niet in van een transparante achtergrond in een dropdown box (afhankelijk van de achtergrond kan dat nogal lastig lezen zijn namelijk).

[Briefcase]

OK. Dank voor de info en moeite. Ik zal er maar bij neer moeten leggen dat het niet werkt.

[sjaakaq]

Dus wacht ff, wil je nu een donkergrijze uitrol of een transparante uitrol?

Dat eerste moet kunnen in IE want ik heb het ook ooit een gedaan (als je dit wilot zal ik ff gaan zoeken), dat 2e kan inderdaad niet.

[Briefcase]

leokennis schreef op zaterdag 03 september 2005 @ 16:21:
Dus wacht ff, wil je nu een donkergrijze uitrol of een transparante uitrol?

Dat eerste moet kunnen in IE want ik heb het ook ooit een gedaan s je dit wilot zal ik ff gaan zoeken), dat 2e kan inderdaad niet.

ik zou al zeer blij zijn met uberhaupt een transparante instance. Als ik die uitrol ook nog een kleurtje kan geven zou helemaal mooi zijn. bedankt alvast!

[djluc]

Ik ben bezig met het maken van een nep-selectbox. Misschien kan je daar wat mee? Zie ook mijn topic in dit forum. Het gebruikt Javascript om de originele selectbox te verbergen. Hierdoor blijven zaken zoals de tab toets gewoon werken.

[sjaakaq]

Briefcase schreef op zaterdag 03 september 2005 @ 16:45:
[...]


ik zou al zeer blij zijn met uberhaupt een transparante instance. Als ik die uitrol ook nog een kleurtje kan geven zou helemaal mooi zijn. bedankt alvast!

Dat transparante weet ik ook niet, maar dat kleurtje als achtergrond is eigenlijk vrij simpel (ik dacht zelf dat de oplossing moeilijker was, de pagina waarin ik het gebruikt heb stamt alweer uit 2003 ):

Cascading Stylesheet:

<select name="Olifant" style="font-family: arial; color: #FFE400; border: outset; background: #000;">
<option value="blaat.html">Bla</option>
<option value="aap.php">Apen zijn cool</option>
</select>

Dus gewoon background declareren...

Ik vraag me dan ook af waarom je "uitrol" in FF grijs wordt Je hebt toch nergens een frijze kleur gedeclareerd?

[ Voor 27% gewijzigd door sjaakaq op 03-09-2005 21:37 ]