CSS--按钮四状态

按钮四状态

1. 普通状态
2. hover 鼠标悬停状态
3. active 点击状态
4. focus 取得焦点状态
   四种状态转换主要是颜色转换，当然其他样式也可以变

注意：是冒号，不是"."

/*普通*/
.jqButton-bule_but.jqButton .jqButton-btn{
	    background-color: #ecc31f;
	    font-size:20px;
	    height:37px;
	    border-radius:5px;
	    /*padding-left: 15px;*/
}
/*悬浮*/
.jqButton-bule_but.jqButton .jqButton-btn:hover{
	background-color:#f5cd2b;
}
/*点击*/
.jqButton-bule_but.jqButton .jqButton-btn:active{
	background-color:#e4bc1e;
}
/*聚焦*/
jqButton-bule_but.jqButton .jqButton-btn:focus{
    outline: 0;
}