在IE中添加css样式到选项

Question

我想将css样式应用于选择列表中的选项。

它在mozilla firefox中运行完美，但不适用于IE和Chrome。

jsfiddle for IE

<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之外，将忽略通过选项元素的样式对象应用的样式设置。您可以搜索看起来像<select>的插件，但实际上是可以设置样式的HTML元素。