# 主题化按钮 Theming buttons Jquery Mobile 内建了几套样式系统，给你定义样式时多种选择，在容器内添加一个按钮后，它就会自动应用他的容器使用的样式系统，使得按钮和页面看起来协调统一，像变色龙 所以放进一个样式主题为a系统（黑色主题）容器的按钮会自动应用a系统样式。如下为实例 a为黑，b为灰底蓝，c为灰底灰，d白底白色 ，e黄底黄色 **A主题**  **B主题**  **C主题**  **D主题**  **E主题**  ## 分配系统样式 Assigning theme swatches 给按钮增加data-theme="字母"属性，可以手动的给按钮添加样式，使得按钮不一定非要与父容器的样式相符 ``` <a href="index.html" data-role="button" data-theme="a">Theme a</a> ``` **5个通过data-theme设定不同主题的按**  **A主题下的不同主题的按钮**  **B主题下的不同主题的按钮**  **C主题下的不同主题的按钮**  **D主题下的不同主题的按钮**  **E主题下的不同主题的按钮**