Можно ли использовать поле выбора другого размера (ширины) с равномерным (плагин 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

Вы можете изменить ширину каждого элемента select, ориентируясь на диапазон, который генерируется напрямую. Код создает оболочку div с уникальным идентификатором элемента unique-yourid и child span с выбранной в данный момент опцией. ниже приведена 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, который содержит сам select.

Answer 3

iform.default.css использует изображение sprite.png для тем.

На этом изображении определяется ширина различных элементов управления. Таким образом, вы не можете изменить их как ваше требование.