按鈕

AUI支持為<a>、<button>、<input>、<div>增加.aui-btn來使用按鈕效果。使用.aui-btn-*來選擇使用AUI提供的樣式

<button class="aui-btn aui-btn-primary">BUTTON</button>
<a class="aui-btn aui-btn-success">BUTTON</a>
<input class="aui-btn aui-btn-danger" value="BUTTON" >
<div class="aui-btn aui-btn-success">BUTTON</div>

自定義樣式的方法

<style>
.orange { background-color:#ff9900; border:1px solid #ff9900; color:#ffffff;}
</style>
<button class="aui-btn oranger"></button>

添加.active可以將按鈕樣式設(shè)置為按下狀態(tài)的樣式

<button class="aui-btn aui-btn-primary active">BUTTON</button>

塊級按鈕

.aui-btn-block為寬度100%自動適應(yīng)的按鈕

<button class="aui-btn-block aui-btn-primary">BUTTON</button>