jquery-plugins - greg franko による jquery プラグイン jquery selectboxit の使用

Question

greg franko による jquery プラグイン jquery selectboxit を使用しています。1 つのページで 2 つの異なる選択ボックスに対して 2 つの異なるスタイルをレンダリングできますか。

Answer 1

はい、できます。SelectBoxIt は元の選択ボックスから新しいドロップダウンにクラス名をコピーするため、これを使用してドロップダウンにさまざまなスタイルを作成できます。

ドロップダウンに小さな幅を適用する CSS クラスの例を次に示します。

.small-dropdown.selectboxit, .small-dropdown.selectboxit + .selectboxit-options{
    width: 50px;
    min-width: 50px;    
}

HTML では、次のようにクラスを使用します。

<select class="small-dropdown">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
</select>

これは、この手法のjsfiddleの例です。