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...

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

W jaki sposób mogę to zmienić?

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:

[CSS] pobierz, plaintext 
option:checked {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYV2P4/5/hPwAH/QL+iVFj9AAAAABJRU5ErkJggg==);
}
[CSS] pobierz, plaintext