如何更改引导程序 4 轮播中的导航按钮？

Question

当我意识到您可以使用其他按钮进行轮播导航（当然是默认按钮之外的其他按钮）时，我正在为我的网站使用引导轮播。

<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img class="d-block w-100" src="..." alt="First slide">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="..." alt="Second slide">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="..." alt="Third slide">
    </div>
  </div>
  <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

有谁知道如何更改此轮播中的导航按钮。提前致谢！！

Answer 1

一个肮脏的技巧是覆盖carousel-control-prev-icon 和carousel-control-next-icon 类。

看笔 - https://codepen.io/buzztnt/pen/WNrjvbM