如何在 jquery 移动设备中设置 select 框高度？

How to set select box height in jquery moblie?

我想设置select框高度与标签(模板分类:)相同。

  1. <select id="TamplateClass" style="height:1.5em">...</select>
  2. 使用CSS#TamplateClass{height:1.5em;}

但是结果都是一样的，看这张图：

HTML:

<div class="ui-block-a">
    <div data-role="fieldcontain" >
        <label>模板分類：</label>
        <select id="TamplateClass" >
            <option>1</option>
            <option>2</option>
        </select>
    </div>
</div>

我该怎么办？

jQuery Mobile 创建一个 DIV，其 ID 为 selectid +“-button”。您可以覆盖此 div 的顶部和底部填充以获得您想要的高度：

<div data-role="fieldcontain" >
    <label>模板分類：</label>
    <select id="TamplateClass" >
        <option>1</option>
        <option>2</option>
    </select>
</div>

#TamplateClass-button {
  padding-top: 3px;
  padding-bottom: 3px;
}

DEMO