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的：问题与选择菜单

回答

相关问题