jQueryMobile(JM)中button的分析

zhgc

代码：

1.                 <button>no class</button>
   
2.                 <button class="ui-btn">ui-btn</button>
   
3.                 <button class="ui-btn ui-corner-all">ui-btn ui-corner-all</button>
   
4.                 <button class="ui-btn ui-corner-all ui-shadow">ui-btn ui-corner-all ui-shadow</button>
   
5.                 <button class="ui-btn ui-corner-all ui-shadow ui-icon-carat-r">ui-btn ui-corner-all ui-shadow ui-icon-carat-r</button>
   
6.                 <button class="ui-btn ui-corner-all ui-shadow ui-icon-carat-r ui-btn-icon-right">ui-btn ui-corner-all ui-shadow ui-icon-carat-r ui-btn-icon-right</button>
   
7.                 <button class="ui-btn ui-btn-inline">ui-btn ui-btn-inline</button>
   
8.                 <button class="ui-btn ui-btn-inline">ui-btn ui-btn-inline</button>
   
9.                 <button class="ui-btn-inline">ui-btn-inline</button>

复制代码

zhgc

这个式样，不仅仅只能用到button上

1.                 <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-carat-r ui-btn-icon-right">We</a>
   
2.                 <button class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-carat-r ui-btn-icon-right">are</button>
   
3.                 <input type="button" value="buttons" data-inline="true" data-icon="carat-r" data-iconpos="right">
   

复制代码

zhgc

<a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all ui-icon-check ui-btn-icon-left">查看上传信息