在IE9中设置<select>和<option>的宽度</option> </select>

时间:2012-07-10 09:42:36

标签: html css

我遇到的问题是页面边缘的选择框流中的选项(隐藏滚动条)。我正在尝试使用CSS限制选项的宽度。请说是否有更好的方法......

这在IE8中运行良好,但在IE9中没有。在Firefox中似乎没问题。 Chrome也忽略了它,但确保选项不会溢出页面(如IE9)。

我知道这些是非调整大小是为IE9修复的错误,但有必要(有时)设置宽度限制。

http://jsfiddle.net/jdb1991/Vt8Bd/

1 个答案:

答案 0 :(得分:-1)

浏览器以不同的方式实现select元素,通常使用或多或少不受CSS影响的内置例程。甚至不清楚你或其他人使用很长的选项文本想要发生什么 - 截断,换行,水平滚动或什么?

使用简明的选项文本可以最好地避免这个问题。它们应该是替代品的可见名称,而不是小说。如果非常长的名字确实是必需的,请使用一组单选按钮而不是select