bootstrap carousel 使用 .less 移除 carousel-control 上的渐变

【问题标题】：bootstrap carousel remove gradient on carousel-control with .lessbootstrap carousel 使用 .less 移除 carousel-control 上的渐变
【发布时间】：2016-04-21 03:00:16
【问题描述】：

如何从轮播中的轮播控件中删除渐变背景而不覆盖但在 .less 文件中进行替换？

【问题讨论】：

标签： twitter-bootstrap-3 less carousel

【解决方案1】：

只需覆盖相应的属性（参见https://github.com/twbs/bootstrap/blob/v3.1.1/less/carousel.less#L81-L89），例如：

@import ".../bootstrap.less";

.carousel-control {
    &.left, &.right {
        background-image: none;
       .reset-filter(); // reset IE gradient filters
    }
}

【讨论】：

【解决方案2】：

对我来说，这很有效（我需要橙色）：

 .carousel-control.left, .carousel-control.right {
  background: orange !important;
  filter: progid: none !important;
  filter:none !important;
  background-image:none;
  outline: 0;
  opacity: 1;
 }

【讨论】：

虽然这不使用LESS（这是我的情况），但它有效！