按钮

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可以将按钮样式设置为按下状态的样式

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

块级按钮

.aui-btn-block为宽度100%自动适应的按钮

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