如何使用jquery更改选项框的宽度（独立于选择宽度）？

Question

如何设置选项框的宽度与选择宽度不同？

我尝试了什么：

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

并且选择是：

select{
width:400px;
}

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

选项文本希望更短但选项框不是..是否可以动态更改

提前Thanx！

Answer 1

您无法设置选项元素的宽度。浏览器将自动使所有选项成为最长选项的宽度。

Answer 2

您可以像这样使用'css'选择器：

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

或使用宽度选择器设置它：

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

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

Answer 3

你应该怀疑$('select option').css('width','250');这句语法有点错误

<强> Demo

如果你想设置多个属性，你可以使用类似的东西 $('select option').css({"border":"1px solid red", "height":35});

希望它有所帮助！