4、jQuery Mobile主题

1 默认提供5种主题，从a-e。

   

<div data-role="page" data-theme="a|b|c|d|e">

 

     主题可以用于：页眉、内容、页脚；对话框；按钮；图标；列表；表单等等。

 

2 自定义主题。

    通过在 HTML 文档中使用主题类来添加新样式 - 为工具条添加类 ui-bar-(a-z)，并为内容添加类 ui-body-(a-z)：

<style>
.ui-bar-f
{
color:green;
background-color:yellow;
}
.ui-body-f
{
font-weight:bold;
color:purple;
}
</style>