在jquery mobile中重新選擇大小框？

Question

我想在jQuery Mobile的小選擇框,,

這裏是我的我的代碼：

<td > 
    <select id="nlocation1" name="nlocation1" data-mini ="true" /> 

    <?php 
     $sql1="select * from apps.xx_fa_location_mob order by description"; 
     $res= oci_parse($link, $sql1); 
     oci_execute($res); 

     while ($row = oci_fetch_array($res)) 
     { 
     $str = $row[2] ; 
     $str_id = $row[1]; 
     echo "<option value = '$str_id' >$str</option>"; 

     } 



?> 

      </select></td> 

我已經使用這個CSS樣式，但它確實沒有什麼

<style type="text/css"> 
#nlocation1.ui-controlgroup-controls{ 
width: 50% !important; 
} 

</style> 

又該我做小選擇框,,請任何幫助，將不勝感激

Answer 1

適用於.ui-選擇

.ui-select{width: 50% !important;} 

，如果你要應用到具體的選擇框

<td id="myFirstSelect" > 
<select id="nlocation1" name="nlocation1" data-mini ="true" /> 

，並添加CSS作爲

#myFirstSelect .ui-select{width: 50% !important;}