按钮四状态
- 普通状态
- hover 鼠标悬停状态
- active 点击状态
- 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;
}