Question

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

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

使用CSS更改div.selector 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

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

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

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

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

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

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

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

Jquery Uniform更改选择大小

4 个答案: