选择选项white-space CSS未在FireFox中应用

Question

我在jsfiddle demo有一个带有select元素的简单演示，我想为每个select option设置空白属性。

我的CSS是正确的，但是应用了select的相同属性值。下面的屏幕截图显示了FireFox开发人员工具。样式表forms.css似乎来自Firefox浏览器。 我使用的是FireFox版本57.0（64位）。

问题：有什么方法可以在FireFox中应用以下CSS吗？或者可能因为FireFox注入了CSS而无法实现？

CSS

select option {
   white-space: normal !important;
 }

选择元素html

<select size="6" name="ListBox1" id="ListBox1" style="width:100px;">
  <option value="Item 1 dsdds  sdsdsdsd sdsd sdsd sds xyz" title="Item 1 dsdds  sdsdsdsd sdsd sdsd sds xyz">Item 1 dsdds sdsdsdsd sdsd sdsd sds xyz</option>
  <option value="Item 2" title="Item 2">Item 2</option>
  <option value="Item 3 gfgf kgkgkg kgkkg abc" title="Item 3 gfgf kgkgkg kgkkg abc">Item 3 gfgf kgkgkg kgkkg abc</option>
  <option value="Item 4" title="Item 4">Item 4</option>
  <option value="Item 5" title="Item 5">Item 5</option>
  <option value="Item 6" title="Item 6">Item 6</option>
</select>

应用于选择选项元素的计算CSS的屏幕截图

Answer 1

根据research，Firefox应该支持普通版。我看到的唯一修饰符是-moz添加，但是这并不能让你直接更改它而只是像默认情况下那样包装文本。

 white-space: -moz-pre-wrap;

你可以尝试一下，因为我不能100％确定你用它来完成的任务。它可能适用于您尝试做的事情。