如何调整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。