將CSS樣式添加到IE中的選項

Question

我想將CSS樣式應用於選擇列表中的選項。

它在mozilla firefox中完美運行，但不適用於IE和chrome。

IE的jsfiddle

<select class="mapField">
   <option value="1">This is option 1 of select list</option>
   <option value="2">This is option 2 of select list</option>
   <option value="3">This is option 3 of select list</option>
</select>

<style>

select.mapField{
  width:120px;
}

.mapField option{
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   width: 100px;
}

</style>

提前致謝。

Answer 1

你不能 <option>由操作系統而不是HTML呈現。 除了background-color ， color和border ，將忽略通過style對象為option元素應用的樣式設置。 您可能可以搜索類似於<select>插件，但實際上是可以樣式化的HTML元素。