使用“ngx-pagination”的默認樣式不會覆蓋角度樣式 css

Question

我目前正在使用 Michael Bromley 的“ngx-pagination”模塊。 該模塊工作正常，但它似乎是唯一不使用現有主題 css 的分頁模塊。 現在它看起來像：

閱讀他的解釋，似乎通過添加/deep/來簡單地覆蓋 css 應該很容易。 好吧，它不起作用……有人說它已“棄用” ，所以我嘗試添加!important ，但這似乎不起作用。

見 -> 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，但你會從中得到想法。