CSS Select

-webkit-appearance: none;
appearance: none;

entfernt den Pfeil

 

Man kann eine Select List mit CSS nicht bis ins letzte stylen. Vor allen Dingen die DropDown List und de ausgewählten Elemente lassen sich nicht einfach mit CSS stylen.

Um die volle Kontrolle zu haben, kann man eine Select nutzen, diese jedoch komplett unsichtbar machen und mit Javascript komplett neu aufbauen mit Div Elementen etc. Dazu gibts bei W3Schools ein Beispiel.

Oder man wählt einfach andere HTML Elemente.