按钮

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>

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号

意见反馈
返回顶部