bootstrap 自定义按钮
<!-- index.html -->
<a href="#" class="btn btn-lk btn-sm">免费注册</a>
/* 按钮的自定义 */
.btn-lk {
color: #ffffff;
background-color: #8330F0;
border-color: #9318F2;
}
.btn-lk:hover,
.btn-lk:focus,
.btn-lk:active,
.btn-lk.active,
.open .dropdown-toggle.btn-lk {
color: #ffffff;
background-color: #9146F2;
border-color: #9318F2;
}
.btn-lk:active,
.btn-lk.active,
.open .dropdown-toggle.btn-lk {
background-image: none;
}
.btn-lk.disabled,
.btn-lk[disabled],
fieldset[disabled] .btn-lk,
.btn-lk.disabled:hover,
.btn-lk[disabled]:hover,
fieldset[disabled] .btn-lk:hover,
.btn-lk.disabled:focus,
.btn-lk[disabled]:focus,
fieldset[disabled] .btn-lk:focus,
.btn-lk.disabled:active,
.btn-lk[disabled]:active,
fieldset[disabled] .btn-lk:active,
.btn-lk.disabled.active,
.btn-lk[disabled].active,
fieldset[disabled] .btn-lk.active {
background-color: #8330F0;
border-color: #9318F2;
}
.btn-lk .badge {
color: #8330F0;
background-color: #ffffff;
}
按钮自定义神器:http://blog.koalite.com/bbg/