jQuery Mobile的：問題與選擇菜單

我在jQuery Mobile.jQuery Mobile的：問題與選擇菜單

<div data-role="fieldcontain"> 
      <label for="name" class="select ui-select" style ="vertical-align:baseline; width:33%; " ><b>Application:</b></label> 
      <select name="select_choice" data-theme="c" class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-shadow ui-btn-hover-c" id="editWSAppType" > 

      <option value="EmptyOption">" "</option> <!--EMPTY OPTION--> 
      <option value="Other">Other</option> 
      <option value="Other2">Other2</option> 
      <option value="Other3">Other 3</option> 


      </select> 
    </div>

所有的選項都implenmented 下拉列表 「選擇菜單」空選項（下拉列表）示於下降列表中，但存在標籤對齊的問題。

我已經使用vertical-align:baseline現在。我也嘗試了其他的對齊屬性。

但是在EMPTY OPTION的情況下，與其他選項相比，標籤的位置變爲向下。

我的應用程序中的很多選擇菜單都有同樣的問題。

某些選擇菜單沒有任何反應強烈的文字，這些文字也具有相同的問題。

<div data-role="fieldcontain"> 
     <label for="name" class="select ui-select" style ="vertical-align:baseline; width:33%; " ><b>Application:</b></label> 
     <select name="select_choice" data-theme="c" class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-shadow ui-btn-hover-c" id="editWSAppType" > 
      <!--NO OPTIONS--> 
     </select> 
</div>

enter image description here

來源

2012-07-03 user1425472

在for屬性的標籤，你應該把你的選擇的的id（您目前有"name"）

<div data-role="fieldcontain"> 
      <label for="editWSAppType" class="select ui-select" ><b>Application:</b></label> 
      <select name="select_choice" data-theme="c" class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-shadow ui-btn-hover-c" id="editWSAppType" > 

      <option value="EmptyOption"></option> <!--EMPTY OPTION--> 
      <option value="Other">Other</option> 
      <option value="Other2">Other2</option> 
      <option value="Other3">Other 3</option> 


      </select> 
    </div>

來源

2012-07-03 14:18:06 Jack

jQuery Mobile的：問題與選擇菜單

回答

相關問題