css - 将 JQuery Mobile 下拉值大写

Question

我有一个带有以下select标签的 JQuery Mobile 页面：

<select id="menu">
    ...
</select>

我尝试将文本大写：

#menu{
    text-transform: capitalize;
}

但它只将 . 中的值/文本大写option。我还想将所选值大写。

Answer 1

您必须将样式应用于显示所选选项的 jqm 按钮

.ui-select .ui-btn-text {
    text-transform: capitalize;
}