我正在Angular 16應(yīng)用程序中使用ngx-pagination，我想將默認(rèn)的藍(lán)色自定義為另一種顏色，有人能幫我嗎？

Html代碼:

<div>
  <pagination-controls></pagination-controls>                       
</div>

半鑄鋼?鋼性鑄鐵(Cast Semi-Steel)

.ngx-pagination .current{
  color: #ffffff !important;
  background-color: red !important;
}

嘗試與上述和類(lèi)似的css，它不工作。

任何幫助都將不勝感激。

試試這些變化，

/* Change the background color of the current page */
.pagination-current {
  background-color: red !important;
}

/* Change the text color of the current page */
.pagination-current a {
  color: #ffffff !important;
}

/* Change the background color of the page buttons */
.pagination-controls button {
  background-color: red !important;
}

經(jīng)過(guò)以下改變后，它工作了。

超文本標(biāo)記語(yǔ)言

<pagination-controls class="my-pagination"><pagination-controls>

半鑄鋼?鋼性鑄鐵(Cast Semi-Steel)

.my-pagination ::ng-deep .ngx-pagination .current {
    background: red;
  }

你的代碼是正確的，它應(yīng)該工作。您唯一需要確保的是正確放置CSS類(lèi)。它不應(yīng)該在使用ngx-pagination的組件級(jí)別。

正確放置CSS類(lèi)有兩種選擇:

將CSS類(lèi)添加到style.css文件中:可以將以下代碼添加到Angular項(xiàng)目中的style.css文件中:

.ngx-pagination .current {
  color: #ffffff !important;
  background-color: red !important;
}

或者創(chuàng)建新文件并導(dǎo)入style.css，如下所示。

@import 'path/to/pagination-customization.css';

有我的風(fēng)格變化的官方現(xiàn)場(chǎng)演示。

https://angular-zgr 18t . stack blitz . io