是否可以使用不同大小（宽度）的选择框与统一（jquery插件）？

Question

我想使用多个宽度均匀的多个选择框。 问题就在于我

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

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

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

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

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

Answer 1

您可以通过定位直接生成的范围来更改每个选择元素的宽度。 该代码使用当前选定的选项创建一个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>

Answer 2

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

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

然后在css中为.selector定义一个样式，它是保存select本身的div的默认cass。

Answer 3

uniform.default.css正在使用image sprite.png作为主题。

在该图像中，定义了各种控制的宽度。 因此，您无法根据自己的要求更改它们。