使用“ngx-分页”的默认样式不覆盖角样式css

Question

我目前正在使用来自Michael的'ngx-pagination'模块。该模块运行良好，但它似乎是唯一不使用现有主题css的分页模块。现在看起来是：

​

​

阅读他的css，似乎应该简单地通过添加/deep/.来覆盖css。这不管用..。有些人说这是‘不推荐的’，所以我尝试了添加，但这似乎也不起作用。

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

在'app.component.css'中，我上传了主题css，最后应该是这样的(参见文档)：

​

​

任何帮助都将不胜感激。

Answer 1

这里是快速工作的stackblitz解。

.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，但您会从中得到想法。