我目前正在使用Michael Bromley的“ ngx-pagination”模块。该模块工作正常,但它似乎是唯一不使用现有主题CSS的分页模块。现在看起来像:
阅读他的explanation,似乎很容易通过添加/deep/
来覆盖CSS。好吧,它不起作用...有人说它已“过时”,所以我尝试添加!important
,但这似乎也不起作用。
参见-> https://stackblitz.com/edit/angular-p3swdg
在“ app.component.css”中,我上传了主题css,最后看起来应该是这样(请参见documentation):
任何帮助,将不胜感激。
最佳答案
这是快速工作的stackblitz solution。
.pagination /deep/ .ngx-pagination .current {
background: red;
}
.pagination /deep/ .ngx-pagination li {
border: 1px solid #CCCC;
margin-right: 0px;
}
.pagination /deep/ .ngx-pagination a::after{
display: none;
}
.pagination /deep/ .ngx-pagination li::before{
display: none;
}
.pagination /deep/ .ngx-pagination li::after{
display: none;
}
.pagination /deep/ .ngx-pagination a::before{
display: none;
}
使用
/deep
。您可以更好地完善CSS,但是您会从中得到灵感。