如何使用jQuery更改選項框的寬度（獨立於選擇寬度）？

Question

如何將選項框的寬度設置為與選擇寬度不同？

我試過的

$('option').css({'width': 100});

而選擇必須是：

select{
width:400px;
}

小提琴： http : //jsfiddle.net/7k8He/1/

選項文字要短些，但選項框不要短..是否可以動態更改

提前感謝！

Answer 1

您不能設置option元素的寬度。 瀏覽器將自動使所有選項成為最長選項的寬度。

Answer 2

您可以像這樣使用“ css”選擇器：

$('option').css({'width','100px'});

或使用寬度選擇器設置它，如下所示：

$('option').width(100);

https://api.jquery.com/width/

Answer 3

您應該使用$('select option').css('width','250'); 這樣的語法有點錯誤

演示版

如果要設置多個屬性，則可以使用$('select option').css({"border":"1px solid red", "height":35});

希望能幫助到你！