如何更改轮播图标 bootstrap 4 的颜色

Question

我正在使用 bootstrap 4，但无法更改轮播图标颜色

   <a class="carousel-control-prev" href="#carousel-example" role="button" data-slide="prev">
       <span class="carousel-control-prev-icon" style="color:blue" aria-hidden="true"></span>
           <span class="sr-only">Previous</span>
     </a>
    <a class="carousel-control-next" href="#carousel-example" role="button" data-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
         <span class="sr-only">Next</span>
    </a>

Answer 1

如果您是下一个和上一个图标，试试这个：

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='green' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
  }

  .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='green' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
  }

这里我们直接进入svg文件，然后我们更改填充颜色

如何更改轮播图标 bootstrap 4 的颜色

How to Change the color of carousel icon boostrap 4

carousel

bootstrap-4