如何使用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});

希望能帮助到你！