Zmiana koloru aktualnie wybranej wartości z select

0

Cześć,
w jaki sposób usunąć podświetlenie aktualnie wybranej wartości w select ( tak jak na załączonym obrazku)?
Próbowałem już z :hover oraz :focus dla tagu select oraz option, ale zawsze zostawało mi to niebieskie podświetlenie...
Szukałem w Internecie jakiegoś rozwiązania, ale kiedy już takie znalazłem wprowadzało kod JS. Nie raz używano

<ul>
   <li></li>
    ......
</ul>

A próbuje to osiągnąć poprzez użycie tagu select . Być może znalazłem rozwiązanie, ale obecnie jestem zmuszony do korzystania z IE11... może źle dobieram się do właściwości poprzez selektory. Dorzucam adres URL przykładu: .https://codepen.io/raubaca/pen/VejpQP
Być może jest jakiś szybki sposób, żeby zmodyfikować to podświetlenie dla takiego kodu:

<select id="sel">
<option>A</option>
<option>B</option>
<option>C</option>
</select>
1

Możliwości stylizowania selecta są bardzo okrojone - zazwyczaj wykorzystuje się w tym celu biblioteki, które w locie zamieniają <select> na <div> i to jego stylizują (np. https://harvesthq.github.io/chosen/).

1

A ja mogę polecić Select2
https://select2.org/

0

Dziękuję :) pokombinuje z libami, które polecacie.

1 użytkowników online, w tym zalogowanych: 0, gości: 1