Jquery Uniform change select size

Question

Jquery Uniformを使用して入力選択のサイズを変更するにはどうすればよいですか？

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

インラインスタイリングを使用することは悪い習慣です。

選択要素のサイズを指定し、それを適切にラップしたい場合、いくつかの難しさがあります。要素のサイズは検出され、Uniformによって変更される必要があります。これが起こるには、問題が発生したときにこれらの解決策の1つを実行することをお勧めします。要素のカスタムインライン幅（）（悪い習慣）

OR

2本使用のCSSルールを設定し

• 。 {幅：XXpx}を選択し、.selector {幅：100％}を選択：

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

  トリックが630pxのに使用されているので、あなたのCSSファイルで、2番目のオプションをします使用して

をユニフォームdivをラップして、セカンドCSSルールをキックして、selectタグを100％内部で使用するようにします。