Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Zmiana koloru zaznaczenia w select
trifek
post 3.08.2020, 12:25:23
Post #1





Grupa: Zarejestrowani
Postów: 340
Pomógł: 0
Dołączył: 28.09.2015

Ostrzeżenie: (0%)
-----


Witajcie,
Mam problem ze zmianą koloru zaznaczonych elementów na select. Dostałem zadanko do podmienienia koloru zaznaczonych pozycji w select.

Tak wygląda komponent który chcę "pokolorować" : https://ibb.co/F4yJstk (nie mam pojęcia co to jest).

Select z parametrem "selected" mają być zaznaczone na czerwono, a pozostałe pozostać zaznaczone na szaro...

  1. <select name="user_ids[]" id="user_ids" class="form-control edited" style="background-image: none !important;" required="" multiple="">
  2. <option value="1" data-role="root" selected="">Admin</option>
  3. <option value="2" data-role="root">User</option>
  4. <option value="6" data-role="admin" selected="">Andrzej</option>
  5. </select>


W jaki sposób mogę to zmienić?
Go to the top of the page
+Quote Post
SmokAnalog
post 7.08.2020, 14:09:09
Post #2





Grupa: Zarejestrowani
Postów: 1 707
Pomógł: 266
Dołączył: 3.07.2012
Skąd: Poznań

Ostrzeżenie: (0%)
-----


background-color nie działa, ale background-image już tak. Możesz zastosować sztuczkę z ustawieniem tła na jeden piksel. Tutaj masz generator piksela: https://shoonia.github.io/1x1/

Z pola podpisanego CSS możesz skopiować wartość i nadać ją selektorowi option:checked, np. dla koloru żółtego będzie tak:

  1. option:checked {
  2. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYV2P4/5/hPwAH/QL+iVFj9AAAAABJRU5ErkJggg==);
  3. }


Ten post edytował SmokAnalog 7.08.2020, 14:09:50
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 28.03.2024 - 15:15