jQuery的均勻變化選擇大小

Question

如何更改輸入的大小選擇使用jQuery的統一？

http://uniformjs.com

Answer 1

更改寬度使用CSS div.selector span，但你得考慮父標籤的寬度了。

Answer 2

<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 3

這是對我工作：

設置selectAutoWidth : true創建時。

例如：

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

然後給的寬度選擇。例如：<select id="xx" style="width:70px;">

Answer 4

這是不好的做法，使用內嵌樣式。這裏是按照統一的文檔做的正確方法：

如果要指定大小的選擇元素，然後有統一的包裝它適當，會有一定的難度。元素的大小需要被檢測到，然後將被統一改變。爲此，建議您在遇到問題時執行其中一種解決方案。

• 設置自定義在線寬度爲元素（）（糟糕的做法）

  OR

• 使用兩個CSS規則;選擇{寬度：XXpx}和.selector選擇{寬度：100％}

因此，使用第二個選項，在你的CSS文件做：

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

訣竅是用於將630像素建立包裹統一DIV然後第二CSS規則踢這使得選擇標籤取100％裏面。