我想改变ngx-pagination的背景色
我的代码:
<pagination-controls class="custom-pagination" id="indicadorPaginationResults" (pageChange)="p=$event" maxSize="9" directionLinks="true" autoHide="true" previousLabel="" nextLabel=""></pagination-controls>
默认背景色是蓝色,我想改成红色。
我该怎么做?
解决方案:
在 CSS 中:
.custom-pagination /deep/ .ngx-pagination .current {background: red;}
并在元素中安装jquery。
最佳答案
使用 pagination-template
而不是 pagination-controls
。
例子:
<pagination-template
#p="paginationApi"
(pageChange)="onPageChange($event)"
*ngIf="myList">
<div class="pagination-custom">
<ul class="pagi">
<li class="item">
<a *ngIf="!p.isFirstPage()"
[class.disabled]="p.isFirstPage()"
(click)="p.previous()"
class="page-link"
aria-label="Previous">
<span aria-hidden="true" class="la la-caret-left"></span>
<span class="sr-only">Previous</span>
</a>
</li>
<li *ngFor="let page of p.pages"
[class.active]="p.getCurrent() === page.value"
class="page-item">
<a (click)="p.setCurrent(page.value)"
class="page-link"> {{ page.label }}
</a>
</li>
</ul>
</div>
</pagination-template>
关于css - 如何更改 ngx-pagination 的颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56463462/