我正在使用Bootstrap 4.0为Carousel使用白色背景,并希望更改控件的颜色。看起来Bootstrap现在使用SVG作为他们Carousel图标的方式。这意味着直接更改属性是不起作用的。
目前,我还在网站上使用Font Awesome来处理其他元素,所以如果有一种方法可以使用fa-chevrons并格式化它们,而且它仍然在调整大小和格式方面表现相同,那也可能是一种有效的解决方案。
这是我当前用于控制元素的代码:
<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上找到了这个页面,但我也无法让其中任何一个答案对我产生作用。