[html/css] styl elementów select/option Opcje

[MadMark]

Witam,

jak w przykładowym select

[HTML] pobierz, plaintext 
<select name="select" multiple>
<option value="1" class="class1">opt1</option>
<option value="2" class="class1">opt1</option>
<option value="3" class="class1">opt1</option>
<option value="4" class="class2">opt2</option>
<option value="5" class="class2">opt2</option>
<option value="6" class="class2">opt2</option>
<option value="7" class="class3">opt3</option>
<option value="8" class="class3">opt3</option>
<option value="9" class="class3">opt3</option>
</select>
[HTML] pobierz, plaintext 

nadać styl po zaznaczeniu? i czy w ogóle się da?

próbowałem:

[CSS] pobierz, plaintext 
option.class1:checked{
background-color: yellow; 
color: black;}
option.class2:checked{
background-color: orange; 
color: black;}
option.class3:checked{
background-color: red; 
color: white;}
[CSS] pobierz, plaintext 

Ale albo nie dizała albo coś źle robie...


Jakieś podpowiedzi?

Ten post edytował MadMark 24.09.2010, 12:49:02

[devnul]

spróbuj tak:

[CSS] pobierz, plaintext 
option.class1[selected] {
/*jakieś ostylowanie*/
}
[CSS] pobierz, plaintext 

jednak zadziała to tylko w nowych i porządnych przeglądarkach
możesz także się posiłkować javascriptem i nadawać/usuwać odpowiednie klasy po zaznaczeniu/odznaczeniu którejś z opcji na liście

[MadMark]

Nie działa w operze, ff i chrome.

A javascriptem to jak jeśli mam nieokreśloną liczbę opcji pobieranych ze sql jednym selectem?

[devnul]

po załadowaniu strony sprawdzasz które opcje masz odhaczone i nadajesz im odpowiednią klasę

[MadMark]

Dzięki, już wszystko jasne (IMG:style_emoticons/default/winksmiley.jpg)