JQuery равномерное изменение выбрать размер

Question

Как я могу изменить размер ввода, используя Jquery Uniform?

http://uniformjs.com

Answer 1

<script>
 $('div.selector span', $('#parent_span')).css('width', '600px');
 $('div.selector', $('#parent_span')).css('width', '630px');
</script>

<span id="parent_span">
 <select style="width:630px;">
 </select>
</span>

Answer 2

Вот что у меня сработало:

установить selectAutoWidth : true при создании.

Например:

$("select, input, textarea, input:checkbox, input:radio, input:file").uniform({selectAutoWidth : true});

затем укажите ширину для выбора. например: <select id="xx" style="width:70px;">

Answer 3

Измените ширину для div.selector span с помощью CSS, но вам также придется учитывать ширину родительского тега.

Answer 4

Это плохая практика использовать встроенный стиль.Вот правильный способ сделать это в соответствии с документами Uniform:

Если вы хотите указать размер элемента select, а затем настроить его на Uniform соответствующим образом, возникнут некоторые трудности.Размер элемента должен быть обнаружен, а затем будет изменен на Uniform.Чтобы это произошло, рекомендуется использовать одно из следующих решений при возникновении проблем.

• Установка собственной ширины строки для элемента () (плохая практика)

  ИЛИ

• Используйте два правила CSS;выберите {width: XXpx} и .selector выберите {width: 100%}

Поэтому, используя второй параметр, в вашем файле CSS выполните:

#parent_span select {width:630px;)
#parent_span .selector select {width:100%;}

хитрость в том, что 630px используется для создания упаковочного Uniform div, а затем запускается второе правило css, в результате чего тег select занимает в нем 100%.