技術標籤：vueelementcss

效果演示：

具體的實現思路：

.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: #277
 
f7b;
}
.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;
}