html - 在 Internet Explorer 9 上，多个选择选项未占满框的宽度

Question

我有一个多选输入，在选择元素上设置了最小宽度。这些选项没有占据 Internet Explorer 9 中可用选择框的整个宽度。

这些元素在 Chrome 和 Firefox 上占据了整个宽度。如何使选项元素占据选择输入的整个宽度？

注意 Internet Explorer 中的 Saab 项:

This Fiddle demonstrates the issue

<select style="min-width: 150px; width: auto;" name="cars" multiple>
  <option value="volvo" style="width: 100%;">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

它在 Chrome 中正常工作:

Answer 1

据我所知，您不能在 IE 中为 OPTION 提供 block 布局。它只会扩展到其内容的宽度，我不相信你可以摆弄它的宽度。正如您所展示的，您可以毫无问题地调整 SELECT 元素的宽度。