6

我想使用具有多个宽度的多个选择框和 uniform 。问题是当我这样做时

$('#small').uniform({selectClass:'smallSelect'});

$('#big').uniform({selectClass:'bigSelect'});

<select id="small">
<option>test</option>
</select>

<select id="big">
<option>test2</option>
</select>

只有第一个被应用,即 bigSelect 被忽略。

4

3 回答 3

9

您可以通过定位直接生成的跨度来更改每个选择元素的宽度。该代码创建一个 div 包装器,其唯一 id 为 uniform-yourid 和子 span 元素以及当前选择的选项。下面是您指定的 id 的 css,您可以添加。

<style type="text/css">
#uniform-small span
{
    width:100px;
    text-align:center;
}
#uniform-big span
{
    width:200px;
    text-align:center;
}
</style>
于 2012-01-12T22:18:02.767 回答
2

@evanmcd,我遇到了和你一样的问题,我发现如果你将它设置selectAutoWidthfalse它将考虑你的css类。

$('select').uniform({selectAutoWidth: false});

然后在 css 中为 定义一个样式.selector,这是包含选择本身的 div 的默认 cass。

于 2013-05-08T17:07:57.720 回答
0

uniform.default.css 使用图像 sprite.png 作为主题。

在此图像中定义了各种控件的宽度。所以你不能根据你的要求改变它们。

于 2011-12-30T07:31:43.217 回答