如何在jquery moblie中设置选择框高度？

Question

我想设置与标签相同的选择框高度（模板分类:)。

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>

我该怎么办？

Answer 1

jQuery Mobile创建一个ID为selectid +＆＃34; -button＆＃34;的DIV。您可以覆盖此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