是否可以使用统一的不同尺寸（宽度）选择框（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 的默认 cas。

Answer 3

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

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