如何使用 Jquery Uniform 更改输入选择的大小?
问问题
8942 次
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 回答