6

複数の幅と均一な複数の選択ボックスを使用したい。問題は私がするときです

$('#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

直接生成されるスパンをターゲットにすることで、各選択要素の幅を変更できます。このコードは、uniform-yourid の一意の ID を持つ div ラッパーと、現在選択されているオプションを持つ子スパン要素を作成します。以下は、指定した 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、私はあなたと同じ問題を抱えていました。 をに設定するselectAutoWidthとfalse、CSSクラスが考慮されることがわかりました。

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

次に、css で のスタイルを定義します.selector。これは、select 自体を保持する div のデフォルトの cass です。

于 2013-05-08T17:07:57.720 に答える
0

uniform.default.css は、テーマに画像 sprite.png を使用しています。

この画像では、さまざまなコントロールの幅が定義されています。したがって、要件としてそれらを変更することはできません。

于 2011-12-30T07:31:43.217 に答える