Я использую белый фон для карусели с использованием Bootstrap 4.0 и хотел бы изменить цвет элементов управления. Кажется, что bootstrap теперь использует SVG для своих иконок карусели. Это означает, что изменение атрибутов напрямую не работает.
В настоящее время я использую Font Awesome и для других элементов на сайте, поэтому, если есть способ использовать фа-шевроны и форматировать их, и он все равно будет вести себя так же в отношении изменения размера и форматирования, это может быть эффективным решением, так как Что ж.
Вот мой текущий код для элементов управления:
<a class="carousel-control-prev" href="#carouselExampleIndicators" 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="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
Я нашел похожий вопрос здесь, но не смог найти ответ на этот вопрос.
Я также нашел эту страницу на GitHub, но не смог заставить ни один из ответов, которые там были, работать для меня.