Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery更改选项框的宽度(选择宽度的独立项)?_Javascript_Jquery_Css_Select - Fatal编程技术网

Javascript 如何使用jquery更改选项框的宽度(选择宽度的独立项)?

Javascript 如何使用jquery更改选项框的宽度(选择宽度的独立项)?,javascript,jquery,css,select,Javascript,Jquery,Css,Select,如何将选项框的宽度设置为与“选择宽度”不同 我尝试的是: $('option').css({'width': 100}); 选择的时间必须是: select{ width:400px; } 小提琴: 选项文本希望变短,但选项框不变短。是否可以动态更改 先走一步 您应该编写$('select option').css('width','250')

如何将选项框的宽度设置为与“选择宽度”不同

我尝试的是:

$('option').css({'width': 100});
选择的时间必须是:

select{
width:400px;
}
小提琴:

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

先走一步

您应该编写
$('select option').css('width','250')

如果要设置多个属性,可以使用
$('select option').css({“border”:“1px实心红色”,“高度”:35})


希望有帮助

您可以像这样使用“css”选择器:

$('option').css({'width','100px'});
$('option').width(100);
或者使用宽度选择器进行如下设置:

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

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

我认为这是不可能的,可能取决于浏览器