按钮

最后更新于: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>`
';