Html 角度打底转盘-自定义上一步和下一步按钮

我已经解释了所附图片中的一切。所有CSS代码都在stackblitz中

基本上我想要一个自定义的下一个和上一个按钮。我希望“下一步”和“上一步”按钮的边框与内部框相同。和圆角。（这意味着显示上一个或下一个框仍然可用，以便用户可以单击下一个/上一个。）

我现在遇到的问题是，当我单击Next/Prev时，边框变得粗体和蓝色。我相信它来自默认浏览器（但不确定）

---

当按钮聚焦时，会添加一个方框阴影

您可以使用以下样式将其删除：

：ng deep.p-carousel.p-carousel-content.p-carousel-prev:focus{
盒影：无；
}

此外，我认为这是您在图中提到的，但上一个按钮的边框宽度设置为“粗”，应将其更改为“细”以匹配下一个按钮：

：ng deep.p-carousel.p-carousel-content.p-carousel-prev{
宽度：2.513rem；
身高：5.68雷姆；
边界半径：25%；
右边框颜色：#99bbff；
右边框样式：实心；
右边框宽度：薄；
边框顶部颜色：#99bbff；
边框顶部样式：实心；
边框顶宽：薄；
边框底色：#99bbff；
边框底部样式：实心；
边框底宽：薄；
保证金：0-5px；
}

---

以下是更新的演示：

是否保留蓝色边框？因为这足以编辑按钮：

.p-carousel-next, .p-carousel-prev {
  box-shadow: none !important;
  border-width: 1px !important;

  /* if you wish to remove the border or change its color */
  /* border: transparent !important; */
}

.p-carousel-next, .p-carousel-prev {
  box-shadow: none !important;
  border-width: 1px !important;

  /* if you wish to remove the border or change its color */
  /* border: transparent !important; */
}