jQuery的均匀变化选择大小

Question

如何更改输入的大小选择使用jQuery的统一？

http://uniformjs.com

Answer 1

更改宽度使用CSS div.selector span，但你得考虑父标签的宽度了。

Answer 2

<script> 
$('div.selector span', $('#parent_span')).css('width', '600px'); 
$('div.selector', $('#parent_span')).css('width', '630px'); 
</script> 

<span id="parent_span"> 
<select style="width:630px;"> 
</select> 
</span> 

Answer 3

这是对我工作：

设置selectAutoWidth : true创建时。

例如：

$("select, input, textarea, input:checkbox, input:radio, input:file").uniform({selectAutoWidth : true});

然后给的宽度选择。例如：<select id="xx" style="width:70px;">

Answer 4

这是不好的做法，使用内嵌样式。这里是按照统一的文档做的正确方法：

如果要指定大小的选择元素，然后有统一的包装它适当，会有一定的难度。元素的大小需要被检测到，然后将被统一改变。为此，建议您在遇到问题时执行其中一种解决方案。

• 设置自定义在线宽度为元素（）（糟糕的做法）

  OR

• 使用两个CSS规则;选择{宽度：XXpx}和.selector选择{宽度：100％}

因此，使用第二个选项，在你的CSS文件做：

#parent_span select {width:630px;) 
#parent_span .selector select {width:100%;} 

诀窍是用于将630像素建立包裹统一DIV然后第二CSS规则踢这使得选择标签取100％里面。