console
<div>
<button class="btn btn_primary">最初按钮</button>
<button class="btn">默认按钮</button>
<button class="btn btn_">草绿按钮</button>
<button class="btn btn_wram">暖色按钮</button>
<button class="btn btn_danger">警告按钮</button>
<button class="btn btn_disabled">禁用按钮</button>
</div>
a:hover{
color:#e6e6e6;
}
.btn{
display: inline-block;
height:38px;
line-height: 38px;
padding:0 18px;
background-color: #49c8f2;
font-size: 14px;
-webkit-border-radius:2px;
border-radius: 2px;
color:#fff;
cursor: pointer;
border:0;
margin:2px 6px;
behavior: url(../js/PIE.htc);
}
.btn:hover{
background-color: #65cdf0;
}
.btn_primary{
background-color: #ffffff;
color:#666;
border:1px solid #f1f1f1;
}
.btn_primary:hover{
background-color:#f1f1f1;
}
.btn_{
background-color:#00cc44;
}
.btn_:hover{
background-color:#1ce15e;
}
.btn_wram{
background-color: #ff9f19;
}
.btn_wram:hover{
background-color:#feb146;
}
.btn_danger{
background-color: #ff4c23;
}
.btn_danger:hover{
background-color: #ff7353;
}
.btn_disabled{
background-color: #fbfbfb;
color:#c9c9c9;
border:1px solid #e6e6e6;
cursor: not-allowed;
}
.btn_disabled:hover{
background-color: #fff;
}