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

我想将“选择框高度”设置为“标签”(模板分類:).

…

使用CSS

#TamplateClass{height:1.5em；}

但结果都是一样的，见下图：

HTML:

模板分類：
1.
2.

---

我该怎么做？

jQuery Mobile创建了一个ID为selectid+“-按钮”的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;
}

模板分類：
1.
2.
#TamplateClass按钮{
垫面：3件；
垫底：3件；
}

---

jQuery Mobile创建一个ID为selectid+“-按钮”的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;
}

模板分類：
1.
2.
#TamplateClass按钮{
垫面：3件；
垫底：3件；
}

---

如果您想要更小版本的选择菜单，请将

data mini=“true”

添加到

select

标记中，如下所示：

如果您想要更小版本的选择菜单，请将

data mini=“true”

添加到

select

标记中，如下所示：