8

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

http://uniformjs.com

4

4 回答 4

5
<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>
于 2012-05-26T00:23:19.410 回答
3

这对我有用:

创建selectAutoWidth : true时设置。

例如:

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

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

于 2012-10-05T04:33:55.490 回答
3

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

于 2011-10-26T09:20:38.880 回答
1

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

如果你想指定一个 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% 在其中占据。

于 2013-04-29T20:24:23.147 回答