Html 角度/ng引导-旋转木马箭头自定义

我试图通过引导更改给定控件箭头的位置和图标。我试着处理“转盘控制上一个图标”和“转盘控制下一个图标”，但没有任何变化。有人知道一个合适的解决方案吗

HTML:

打字稿：

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent {

  images = ['assets/images/image1.jpg', 'assets/images/image2.jpg', 'assets/images/image3.jpg'];

}

提前感谢,，

---

Tim

尝试使您的CSS包含变得重要，因为NGB carousel CSS覆盖了您包含在component.CSS文件中的CSS，如下所示

ngb-carousel {
  width: 900px;
}

.carousel-control-prev-icon{
 background-image: url('https://apufpel.com.br/assets/img/seta_prim.png') !important;
}
.carousel-control-next-icon{
   background-image: url('https://apufpel.com.br/assets/img/seta_ult.png')!important;
}

---

希望这会有帮助

尽量使您的CSS include变得重要，因为NGB carousel CSS覆盖了您包含在component.CSS文件中的CSS，如下所示

ngb-carousel {
  width: 900px;
}

.carousel-control-prev-icon{
 background-image: url('https://apufpel.com.br/assets/img/seta_prim.png') !important;
}
.carousel-control-next-icon{
   background-image: url('https://apufpel.com.br/assets/img/seta_ult.png')!important;
}

---

希望这会有帮助

您可以在组件封装中使用：viewEnclaration.None，但是请小心，.css中的所有样式都将应用于完整的角度应用程序。您可以在组件封装中使用：viewEnclaration.None，但是请小心，.css中的所有样式都将应用于完整的角度应用程序。谢谢！谢谢你的努力！

ngb-carousel {
  width: 900px;
}

.carousel-control-prev-icon{
 background-image: url('https://apufpel.com.br/assets/img/seta_prim.png') !important;
}
.carousel-control-next-icon{
   background-image: url('https://apufpel.com.br/assets/img/seta_ult.png')!important;
}