我目前正在使用Michael Bromley的“ ngx-pagination”模块。该模块工作正常,但它似乎是唯一不使用现有主题CSS的分页模块。现在看起来像:

html - 使用'ngx-pagination'默认样式不会覆盖Angular样式CSS-LMLPHP

阅读他的explanation,似乎很容易通过添加/deep/来覆盖CSS。好吧,它不起作用...有人说它已“过时”,所以我尝试添加!important,但这似乎也不起作用。

参见-> https://stackblitz.com/edit/angular-p3swdg

在“ app.component.css”中,我上传了主题css,最后看起来应该是这样(请参见documentation):

html - 使用'ngx-pagination'默认样式不会覆盖Angular样式CSS-LMLPHP

任何帮助,将不胜感激。

最佳答案

这是快速工作的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,但是您会从中得到灵感。

10-05 20:55
查看更多