按钮
最后更新于:2022-04-01 01:24:12
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>`