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

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

Answer 4

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

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

• 为元素 () 设置自定义内联宽度（不好的做法）

  或者

• 使用两条css规则；选择 { 宽度：XXpx } 和 .selector 选择 { 宽度：100% }

因此，使用第二个选项，在您的 css 文件中执行以下操作：

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

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