AUI支持为、、、

增加.aui-btn来使用按钮效果。使用.aui-btn-*来选择使用AUI提供的样式

  1.       <button class="aui-btn aui-btn-primary">BUTTON</button>
  2. <a class="aui-btn aui-btn-success">BUTTON</a>
  3. <input class="aui-btn aui-btn-danger" value="BUTTON" >
  4. <div class="aui-btn aui-btn-success">BUTTON</div>
  5.

自定义样式的方法

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

添加.active可以将按钮样式设置为按下状态的样式

块级按钮

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