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

Question

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

$('#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，这是包含选择本身的 div 的默认 cass。

Answer 3

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

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