Jquery Uniform更改选择大小

Question

如何使用Jquery Uniform更改输入选择的大小？

http://uniformjs.com

Answer 1

<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 2

这对我有用：

在创建时设置selectAutoWidth : true 。

例如：

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

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

Answer 3

使用CSS更改div.selector span宽度，但您也必须考虑父标记的宽度。

Answer 4

使用内联样式是不好的做法。 根据统一文档，这是正确的方法：

如果你想指定一个select元素的大小，然后让Uniform适当地包装它，那将会有一些困难。 需要检测元素的大小，然后由Uniform更改。 为此，建议您在遇到问题时执行其中一种解决方案。

• 为元素设置自定义内联宽度（）（不良做法）

  要么

• 使用两个css规则; 选择{width：XXpx}和.selector select {width：100％}

所以使用第二个选项，在你的css文件中执行：

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

诀窍是630px用于构建包装Uniform div然后第二个css规则踢，这使得select标签在其中占据100％。