按钮

由 约翰哈罗德 创建, 最后一次修改 2016-02-24

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>

以上内容是否对您有帮助:
二维码
建议反馈
二维码