bootstrap 自定义按钮

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/