Question

I have a JQuery Mobile page with the following select tag:

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

I tried to capitalize the text:

#menu{
    text-transform: capitalize;
}

But it only capitalize the value/text in option. I want also to capitalize the value that is selected.

Answer 1

You have to apply the style to the jqm button which shows the selected option

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