在jQuery mobile中更改选择菜单占位符的主题

Question

我想在jQuery mobile中更改选择菜单placeholder的主题。我想要options的不同主题和placeholder的不同主题。但我无法单独改变它。 data-theme属性不适用于选项。

<option data-placeholder="true" data-theme="a">Heading</option>
<option>First</option>
<option>Second</option>

链接：http://jsfiddle.net/saQFx/10/ 还有其他办法吗？

Answer 1

在jQuery Mobile中，这是通过optgroup完成的。

工作示例：http://jsfiddle.net/Gajotres/Wgd66/

<div data-role="page" data-add-back-btn="true" id="frontPage">
    <div data-role="header" data-theme="b">
        <h3 id="heading">test</h3>          
    </div>

    <div data-role="content">
        <select data-native-menu="false" data-iconpos="notext" data-theme="c">
            <optgroup label="Heading">
                <option value="first">First</option>
                <option value="second">Second</option>
            </optgroup>                    
        </select>
    </div>
</div>