Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html/css] styl elementów select/option
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
MadMark
Witam,

jak w przykładowym select

  1. <select name="select" multiple>
  2. <option value="1" class="class1">opt1</option>
  3. <option value="2" class="class1">opt1</option>
  4. <option value="3" class="class1">opt1</option>
  5. <option value="4" class="class2">opt2</option>
  6. <option value="5" class="class2">opt2</option>
  7. <option value="6" class="class2">opt2</option>
  8. <option value="7" class="class3">opt3</option>
  9. <option value="8" class="class3">opt3</option>
  10. <option value="9" class="class3">opt3</option>


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

próbowałem:

  1. option.class1:checked{
  2. background-color: yellow;
  3. color: black;}
  4. option.class2:checked{
  5. background-color: orange;
  6. color: black;}
  7. option.class3:checked{
  8. background-color: red;
  9. color: white;}


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


Jakieś podpowiedzi?
devnul
spróbuj tak:
  1. option.class1[selected] {
  2. /*jakieś ostylowanie*/
  3. }
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 winksmiley.jpg
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.