css - 在IE浏览器中的select标记选项之间添加空格

Question

我想在IE浏览器的select元素的2个选项之间添加一个空格。我的代码使用我为select元素编写的CSS在Firefox和Chrome中工作。但是，样式不适用于IE。这是select元素的CSS，例如：

.branchDropdown { border: 1px solid #999999; width: 155px; } 

对于option元素：

.branchDropdown option { cursor: pointer; margin-top: 10px; }

Answer 1

您无法在Internet Explorer中使用大多数属性设置<option>元素的样式。它们从Windows操作系统继承样式，背景颜色和字体颜色除外。这是MSDN页面上<option>的引用：


  除背景色和颜色外，将忽略通过option对象的style对象应用的样式设置。此外，直接应用于各个选项的样式设置将覆盖整体应用于包含的select元素的样式设置。
  
  http://msdn.microsoft.com/en-us/library/ie/ms535877(v=vs.85).aspx


为了创建一致的外观，唯一的选择是使用JavaScript呈现自定义元素，该元素将替换页面上的默认select元素。