我试图用新的“旋转木马”改变前一个和下一个设计,我尝试使用这段代码
.carousel-control-prev {
content: 'prev';
font-size: 55px;
color: red;
}
<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>
我尝试做的是:
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="swiper-button-prev swiper-button-white" aria-hidden="true">
<div class="swiper-button-prev swiper-button-white">prev</div>
</span>
<!--
<span class="sr-only">Previous</span>
-->
</a>
最佳答案
改变了 carousel prev 和 next 的设计...有什么问题?
编辑 2:为箭头插入 HTML 实体。去除文字装饰
.carousel-control {
font-size: 55px;
color: red;
text-decoration: none;
}
<a class="carousel-control-prev carousel-control" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="swiper-button-prev swiper-button-white" aria-hidden="true">
<div class="swiper-button-prev swiper-button-white">›</div>
</span>
</a>
<a class="carousel-control-next carousel-control" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">‹</span>
</a>
关于jquery - 如何重新设计 Bootstrap slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55618146/