修改element 里面的复选框的默认样式

效果演示：

具体的实现思路：

.el-pagination.is-background .el-pager li:not(.disabled).active {
    
    
  background-color: #277f7b;
  color: #fff;
}
.el-pagination.is-background .el-pager li.active {
    
    
  color: #fff;
  cursor: default;
}
.el-pagination.is-background .el-pager li:hover {
    
    
  color: #277f7b;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
    
    
  color: #277f7b;
}
.el-pagination.is-background .el-pager li:not(.disabled).active:hover {
    
    
  background-color: #277f7b;
  color: #fff;
}
/*带背景的分页按钮背景色end*/

/*不带背景的分页按钮背景色begin*/
.el-pager li.active {
    
    
  color: #277f7b;
  cursor: default;
}
.el-pagination .el-pager li:hover {
    
    
  color: #277f7b;
}
.el-pagination .el-pager li:not(.disabled):hover {
    
    
  color: #277f7b;
}