Bij multiple select werkt disable-option in IE niet?

[Robin]

Als ik het volgende script geschreven:

[code="html"]<select multiple="multiple" name="selectforum[]" size="11">
<option disabled="disabled">Centrum</option>
<option value="2">-- Public Service Announcements</option>
<option value="3">-- De Doktor</option>
<option value="6">-- Welkom op PE</option>
<option disabled="disabled">Nederhipperdiehop</option>
<option value="8">-- Nieuwsstation</option>
<option value="9">-- Discussie</option>
<option disabled="disabled">The Hood</option>
<option value="4">-- Het Jeugdhonk</option>
<option value="5">-- Het Buurthuis</option>
<option value="7">-- Media-ish</option>
</select>

[/code]

In FF werkt het perfect, de disable-de options verschijnen gewoon mooi in het grijs en zijn niet selectable, maar in IE lijkt het niet te werken. Ze zijn bij mij niet grijs en zijn gewoon selectable.

Hier kan je het zelf bekijken:
*knip*

Is dit op te lossen? En zo ja, hoe dan? Ik heb ernaar gegoogled, maar ik heb er niets over gevonden.

[LinkinTED]

[code="html"]<select multiple="multiple" name="selectforum[]" size="11">
<optgroup label="Centrum">
<option value="2">-- Public Service Announcements</option>
<option value="3">-- De Doktor</option>
<option value="6">-- Welkom op PE</option>
</optgroup>
<optgroup label="Nederhipperdiehop">
<option value="8">-- Nieuwsstation</option>
<option value="9">-- Discussie</option>
</optgroup>
<optgroup label="The Hood">
<option value="4">-- Het Jeugdhonk</option>
<option value="5">-- Het Buurthuis</option>
<option value="7">-- Media-ish</option>
</optgroup>
</select>[/code]

[Robin]

Bedankt, het werkt.

Ik probeer alleen nog de display aan te passen, maar dat gaat nog niet helemaal goed:

[code="css"]optgroup.opt
{
text-decoration: none; // Doet hij niets mee, het blijft schuingedrukt
color: #800000;
background-color: #D9D9D9;
}[/code]

Nu wordt alleen het hele blokje grijs... ik wil dat alleen die ene lijn die gedisabled is grijs wordt.

[LinkinTED]

Italic stel je in via font-style.

Het is logisch dat het hele blokje grijs wordt aangezien de options in de optgroup zitten. Een oplossing is om de options ook een achtergrondkleur te geven.


Dan wordt het dus:

[code="css"]optgroup.opt
{
font-syle: nomal; // Nu werkt het dus wel
color: #800000;
background: #D9D9D9;
}
optgroup.opt option {
background: #fff; // Aanpassen naar gewenste kleur.
}
[/code]

[Robin]

Bedankt, in FF werkt het. Maar in IE veranderd de stijl niet:
*knip*

[mats]

Ik zie in ie zoals ik het in ff zie

[LinkinTED]

IE (6-) accepteert volgens mij geen styles voor opt(group|ion).

[Robin]