Gunnar Bittersmann: Select Option Firefox vs Chrome

Beitrag lesen

@@Hannes Weninger

   <option data-ng-repeat="type in xy" value="{{type.name}}" ng-style="{'border-left': '4px solid '+ type.color, 'color': type.color}" style="margin-bottom: 2px;"> {{type.name}}</option>

Pfui Inline-Styles! Den Rahmen solltest du auch im Stylesheet angeben können; den Abstand sowieso.

option { border-left: 4px solid; margin-bottom: 2px }

Ohne Farbangabe wird die Textfarbe genommen, genau das, was du willst.

Im Markup bleibt nur

<option data-ng-repeat="type in xy" value="{{type.name}}" ng-style="{'color': type.color}"> {{type.name}}</option>

LLAP 🖖

--
„Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
„Hat auf dem Forum herumgelungert …“
(Wachen in Asterix 36: Der Papyrus des Cäsar)