按钮


普通样式按钮代码
<button class="button">默认按钮</button>
<button class="button blue">蓝色按钮</button>
<button class="button navy">靛蓝色按钮</button>
<button class="button indigo">靛青色按钮</button>
<button class="button wathet">浅蓝色按钮</button>
<button class="button red">红色按钮</button>
<button class="button yellow">黄色按钮</button>
<button class="button green">绿色按钮</button>
<button class="button gray">灰色按钮</button>
<button class="button disable">禁用按钮(不可点击)</button>
镂空样式按钮代码
<button class="button blue empty">蓝色按钮</button>
<button class="button navy empty">靛蓝色按钮</button>
<button class="button indigo empty">靛青色按钮</button>
<button class="button red empty">红色按钮</button>
<button class="button yellow empty">黄色按钮</button>
<button class="button green empty">绿色按钮</button>
<button class="button gray empty">灰色按钮</button>
<button class="button disable empty">禁用按钮(不可点击)</button>
按钮铺满代码
<!--为按钮加上 full 属性可以使按钮铺满-->
<button class="button blue full">按钮铺满</button>
按钮带图标代码
<!--为了防止按钮文字和图标紧紧贴着,请在文字前敲一个空格-->
<button class="button blue"><span class="icon-search"></span> 搜索</button>
圆角按钮代码
<!--默认提供 3、5、8 的圆角-->
<button class="button blue radius-3">圆角按钮</button>
<button class="button blue radius-5">圆角按钮</button>
<button class="button blue radius-8">圆角按钮</button>
按钮组代码
<span class="group-button">
	<button class="button blue"><span class="icon-plus"></span> 添加</button>
	<button class="button red"><span class="icon-remove"></span> 删除</button>
	<button class="button green"><span class="icon-check2"></span> 保存</button>
</span>
演示