select - option的不同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- chrome -moz- mozilla -o- opera等。