Jquery Uniform更改選擇大小

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

使用CSS更改div.selector span寬度，但您也必須考慮父標記的寬度。

Answer 4

使用內聯樣式是不好的做法。 根據統一文檔，這是正確的方法：

如果你想指定一個select元素的大小，然后讓Uniform適當地包裝它，那將會有一些困難。 需要檢測元素的大小，然后由Uniform更改。 為此，建議您在遇到問題時執行其中一種解決方案。

• 為元素設置自定義內聯寬度（）（不良做法）

  要么

• 使用兩個css規則; 選擇{width：XXpx}和.selector select {width：100％}

所以使用第二個選項，在你的css文件中執行：

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

訣竅是630px用於構建包裝Uniform div然后第二個css規則踢，這使得select標簽在其中占據100％。