Css 下拉宽度--即标签裁剪

Css 下拉宽度--即标签裁剪,css,Css,我知道可以为下拉菜单设置CSS宽度。在FF中,顶部窗口受其影响,而选项项可扩展到其中的内容,但在IE中,选项也与窗口一样宽,从而切割选项的标签 有没有更好的方法来控制选择元素的宽度 <select style="width:100px"> <option>Very long label 1 is gpoing to be here</option> <option>Very long label 2 is gpoing to be

我知道可以为下拉菜单设置CSS宽度。在FF中,顶部窗口受其影响,而选项项可扩展到其中的内容,但在IE中,选项也与窗口一样宽,从而切割选项的标签

有没有更好的方法来控制选择元素的宽度

<select style="width:100px">
    <option>Very long label 1 is gpoing to be here</option>
    <option>Very long label 2 is gpoing to be here</option>
</select>

很长的标签1即将出现在这里
很长的标签2即将出现在这里

  • 与开发人员交谈时,请参考
    select
    元素
    选择
    元素,因为“下拉”可以推断出其他内容 完全是

  • 有一个解决办法

      • 与开发人员交谈时,请参考
        select
        元素
        选择
        元素,因为“下拉”可以推断出其他内容 完全是

      • 有一个解决办法


      您可以使用
      宽度:auto
      规则。这会根据选项的长度自动设置宽度


      如果这对您不起作用,您可以使用Javascript在鼠标悬停时动态更改select的宽度,但任何简单的操作都不会使IE8和下面的操作与预期的一样。

      您可以使用
      宽度:auto
      规则。这会根据选项的长度自动设置宽度

      如果这对您不起作用,您可以使用Javascript在鼠标悬停时动态更改select的宽度,但任何简单的操作都不会使IE8和下面的操作与预期的一样。

      可能的重复