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;
}