Html 需要从角垫分页器中删除或自定义分页箭头

我实际上需要删除角垫分页器上的箭头，因为我需要自定义设计。如果可以更改这些箭头的样式，也可以解决此问题。下面是mat分页器的链接

---

提前感谢。

您可以覆盖css类

mat分页器图标

例：

在覆盖任何材质类别之前，不要忘记追加

/deep/

演示在这里

---

注意：最好按材质主题覆盖css。

您可以覆盖css类

mat分页器图标

例：

在覆盖任何材质类别之前，不要忘记追加

/deep/

演示在这里

---

注意：最好按材质主题覆盖css。

请尝试下面的css代码

  .mat-paginator-navigation-previous {
        display: none !important;
    }

.mat-paginator-navigation-next {
            display: none !important;
        }

（或）

---

请尝试下面的CSS代码

  .mat-paginator-navigation-previous {
        display: none !important;
    }

.mat-paginator-navigation-next {
            display: none !important;
        }

（或）

---

您可以使用自定义CSS，通过覆盖此类尝试覆盖此类“mat paginator icon”，但未发生任何情况您可以使用自定义CSS，通过覆盖此类尝试覆盖此类“mat paginator icon”，但未发生任何情况1。什么是/deep/？

/deep/

的初衷是提供一种方法来处理例外情况，即当范围界定边界妨碍偶尔实际需要从范围外或全局调整样式时。我也尝试过，但它不起作用。它只在我检查chrome上的临时元素时才起作用。

/deep/

是否已弃用？Chrome将其列为已删除的功能。我没有使用它。（点）前垫分页器图标感谢帮助。1。什么是/deep/？

/deep/

的初衷是提供一种方法来处理例外情况，即当范围界定边界妨碍偶尔实际需要从范围外或全局调整样式时。我也尝试过，但它不起作用。它只在我检查chrome上的临时元素时才起作用。

/deep/

是否已弃用？Chrome将其列为已删除的功能。我没有使用它。（点）前垫分页器图标感谢帮助。

  .mat-paginator-navigation-previous {
       opacity: 0 !important;
       width: 0;
       height: 0;
   }

   .mat-paginator-navigation-next {
      opacity: 0 !important;
      width: 0;
      height: 0;
    }