Различного поведения CSS для выбора - вариант

Question

Я использую следующий HTML заявление:

<select ...> 
    <option value=""></option> 
    <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> 
</select> 

Это работает отлично с Firefox, граница показана на левой стороне. С Chrome и IE 10 граница не отображается. Кто-нибудь знает, что я могу сделать, чтобы сделать это непрерывным в каждом браузере?

Answer 1

here is the browser support properites look at once

вам нужно указать

-webkit- хром -moz- -о- Mozilla опера и т.д.