html - 使用 'ngx-pagination' 的默认样式未覆盖 Angular 样式 css

Question

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

阅读他的 explanation ，似乎通过添加 /deep/ 简单地覆盖 css 应该很容易。好吧，它不起作用...有些人说它是'已弃用'，所以我尝试添加 !important，但是似乎效果不佳。

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

在 'app.component.css' 中，我上传了主题 css，最后它应该看起来像(参见 documentation):

如有任何帮助，我们将不胜感激。

Answer 1

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