Question

有没有办法来调整旋转木马上/下一个按钮？我试图根据高度和宽度调整大小，并且它们会调整大小，但它们不会缩放。是否有旋转木马控制小类像btn（小btn等，......）

以下是我的尝试：

<a class="carousel-control right" href="#mainCarousel" data-slide="next" style=" height: 30px; width:30px">&rsaquo;</a>

Answer 1

per @koala_dev：

没有特别的课程，你需要玩css，直到你看到他们想要的方式。高度和宽度将缩放圆圈，对于箭头，您需要调整字体大小和可能的行高

Answer 2

我遇到了同样的问题。我做的是直接修改CSS。你必须修改类

a.left.carousel-control和a.right.carousel-control

更改WIDTH。而对于HEIGHT你必须修改轮播本身。

Answer 3

if you are making use of the default boostrap carousel the next and previous icon
 is located in this span below
<span class="carousel-control-next-icon fontIcon" aria-hidden="true"></span>


<span class="carousel-control-next-icon fontIcon" aria-hidden="true"></span>
create a css class like this
.fontIcon{
height: 50px;
width: 50px;
background-color:black;
border-radius: 15px;

}

Answer 4

您可以像这样调整上一个/下一个图标的大小

.carousel-control-prev-icon 
{
    width: 24px;
    height: 24px;
}
    
.carousel-control-next-icon
{
    width: 24px;
    height: 24px;
}

如何调整旋转木马控制prev / next按钮？

4 个答案: