html - 选择的不同 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- 歌剧等