我有一个JQuery Mobile应用程序。我想要设置“标题”中使用的按钮的样式。目前,我有以下几点:JQuery Mobile应用程序标题中的样式按钮
.my-btn-hdr { text-transform:uppercase; background-color:blue; color:white; min-height:33px; width:93px; }
...
<div id="myPage" data-role="page" data-dom-cache="false">
<div data-role="header" data-position="fixed">
<a href="#" data-icon="arrow-l" data-iconpos="notext" data-direction="reverse" class="ui-btn-left jqm-back">Back</a>
<h1>MyApp</h1>
<a id="saveButton" href="#" class="ui-btn-right my-btn-hdr">Save</a>
</div>
<div data-role="content">
...
</div>
</div>
我注意到,当页面获取呈现时,UI-BTN,UI的BTN-UP-A,UI的影子,和UI键角,所有的CSS类正在增加。我还注意到data-corners =“true”,data-shadow =“true”和data-iconshadow =“true”属性正在增加。
如何自定义jquery移动应用程序头部中的按钮样式?