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

Question

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

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

<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”）将设置所选元素的宽度。 不确定这是否是您要的。