【CSS设计】按钮激活样式

//按钮激活的样式
.el-button:active {
    background: rgb(4, 102, 73);
    border-color: rgb(4, 102, 73);
    color: #fff;
  }
  
 //按钮悬浮和取得焦点状态的样式
.el-button:focus,
.el-button:hover {
    background: #48D1CC;
    border-color: #48D1CC;
    color: #fff;
}
 //按钮原始状态 
.el-button {
    color: #FFF;
    background-color: rgb(4, 102, 73);
    border-color: rgb(4, 102, 73);
}