Можно ли использовать поле выбора другого размера (ширины) с равномерным (плагин 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 с уникальным идентификатором элементаiform-yourid и дочернего элемента 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, который содержит сам выбор.

Answer 3

iform.default.css использует файл sprite.png для тем.

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