1. 要替換 el-pagination 組件的背景色，您可以通過自定義CSS來實(shí)現(xiàn)。

• 具體的CSS規(guī)則取決于您想要更改的是哪個(gè)部分的背景色，例如普通頁(yè)碼、活躍頁(yè)碼、上下導(dǎo)航箭頭等。以下是一些示例CSS規(guī)則，您可以根據(jù)自己的需求進(jìn)行調(diào)整：

/* 修改普通頁(yè)碼的背景色 */
.el-pagination.is-background .el-pager li:not(.disabled) {background-color: #您想要的顏色;
}/* 修改活躍頁(yè)碼的背景色 */
.el-pagination.is-background .el-pager li.active {background-color: #您想要的顏色;
}/* 修改上下導(dǎo)航箭頭的背景色 */
.el-pagination .btn-prev,
.el-pagination .btn-next {background-color: #您想要的顏色;
}

請(qǐng)確保將 #您想要的顏色 替換為您希望設(shè)置的具體顏色代碼。此外，如果您使用的是Scoped CSS，可能需要使用 ::v-deep 或 /deep/ 偽類來穿透組件的作用域，或者將相關(guān)的樣式放在全局樣式文件中.

2. 如果您正在使用Element Plus，并且想要通過CSS變量來自定義樣式

• 可以在組件的根元素上設(shè)置自定義變量，如下所示：

<el-pagination:background="yourCustomBackground"style="--el-color-primary: #您想要的顏色;"
></el-pagination>

然后在JavaScript中定義 yourCustomBackground 變量：

data() {return {yourCustomBackground: true,};
},

這種方法允許您僅針對(duì)單個(gè)組件設(shè)置自定義樣式變量，而不會(huì)影響到其他相同組件的樣式.

建議：請(qǐng)根據(jù)您的實(shí)際項(xiàng)目結(jié)構(gòu)和版本選擇合適的方法來定制 el-pagination 組件的背景色。