如何使用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”）將設置所選元素的寬度。 不確定這是否是您要的。