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

【问题标题】：Is it possible to use different size (width) select box with uniform (jquery plugin)?是否可以使用具有统一（jquery 插件）的不同大小（宽度）选择框？
【发布时间】：2012-01-30 10:03:57
【问题描述】：

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

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

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

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

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

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

【问题讨论】：

你能提供'smallSelect'和'bigSelect'的课程详情吗
如果那是你的实际代码..你错过了几个“标记
抱歉，我在这里输入这些小错误是为了提问。
@jaychapani smallSelect 和 bigSelect 的代码类似于 uniform 提供的 'selector' 默认类。我只是用“smallSelect”替换了“selector”，所以不会有问题。
请更改此帖子的答案。标记的答案不正确。很高兴为将出现在此帖子上的其他人这样做，这样他们就不会得到错误的信息。

标签： javascript jquery select width uniform

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

【讨论】：

这对我不起作用。元素上的样式覆盖了跨度样式，我不得不删除uniform.default.css中对宽度的引用

【解决方案3】：

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

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

【讨论】：

你能推荐任何其他能够做到这一点的库/插件吗？谢谢。
错误答案，sprite 上的图像适用于任何尺寸的下拉菜单。您需要更改生成的“div.selector span”的大小。就是这样。
我同意，错误的答案。样式.selector span 允许调整宽度。