Skocz do zawartości
PL
Szukaj na Pecetowiczu
  • Utwórz konto

Zmiana wyglądu dla zaznaczonego elementu w tagu SELECT


Rekomendowane odpowiedzi

Witam, wie może ktoś jak ostylować ten hover niebieski w select option ?

54354270_2168002726862236_3121768576478871552_n.png

Odnośnik do komentarza
Udostępnij na innych stronach

Ciężko będzie, bo select to element natywny i jego render zależy stricte od przeglądarki. Można jednak spróbować czegoś takiego dla FF:

select option:checked, select option:hover {
  background-color: #212121;
  color: #a0a0a0;
}

oraz dla GCh:

select:focus > option:checked {
  background-color: #212121 !important;
  color: #a0a0a0 !important;
}

Jak nie zadziała, to trzeba użyć jQ (lub pure JS) i wygenerować zamiennik z własnego HTMLa.

Odnośnik do komentarza
Udostępnij na innych stronach

Jeżeli chcesz mieć wygląd dostępny na każdej przeglądarce, to musisz zaimplementować strukturę HTML (klasycznie... `span`) i w JS ustawić zachowanie jak dla zwykłego `select` uwzględniając oczywiście działania klawiaturą

Odnośnik do komentarza
Udostępnij na innych stronach

Kontynuuj dyskusję

Dołącz do Pecetowicza, aby kontynuować dyskusję w tym wątku.

  • Dodaj nową pozycję...
  • Dodaj nową pozycję...