html - 如何调整 Bootstrap 轮播箭头的高度？

Question

这发生在我改变 .well 类的高度时:

我尝试修改控件的高度、.carousel-inner 以及旋转木马本身的高度。所有这些仍然产生相同的结果。我想如果我能够改变旋转木马控件的背景颜色，我就能够修改相同元素的高度。我可以知道可以修改哪个类来改变这个吗？

          <a class="left carousel-control" href="#text-carousel" data-slide="prev" style="background: #f8f8f8 !important">
            <span class="glyphicon glyphicon-chevron-left"></span>
          </a>
          <a class="right carousel-control" href="#text-carousel" data-slide="next" style="background: #f8f8f8 !important">
            <span class="glyphicon glyphicon-chevron-right"></span>
          </a>

Answer 1

我认为这些是您要查找的选择器:

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    width: 200px;
    height: 200px;
}

.carousel-control .glyphicon-chevron-left:before,
.carousel-control .glyphicon-chevron-right:before {
    font-size: 200px;
}

所以适合 Bootstrap 3 环境(根据 OP 的标记，这是 BS 3，而不是 4)这里是 example on Codepen .