如何使用javascript或css更改select标签中的选项宽度？

Question

如何更改select标签中的“option”标签宽度？

我需要将下面显示的框的大小设置为小于“select”的宽度。

<select id="Select" style="width: 120px;">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="5">4</option>
</select>

谢谢！

Answer 1

这应该有所帮助。

#select option { 
    width:100px
}

Answer 2

不确定你引用了什么宽度，但是这里有一些jQuery，因为你在标签中提到它：

${"#Select option"}.something(); //will select all of the options tags in your <select>
${"#Select option:eq(1)"}.something(); // will select an option tag with specified index
 //(1 in the example, index is zero-based)  

检查jQuery文档以获取可用功能列表。例如，width（“100px”）将设置所选元素的宽度。不确定这是不是你要问的。