移除Bootstrap轮播渐变效果

Question

大家好，我正在尝试消除由左侧carousel-control引起的渐变效果。

<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">

<span class="glyphicon glyphicon-chevron-left" aria-hidden="true">/span>

<span class="sr-only">Previous</span>

- helpmepls

Answer 1

只需要添加这个：style="background:red !important"

<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev" style="background:red !important">

要完全移除 background: none;

- HudsonPH

---

我选择了红色，但你可以选择自己喜欢的颜色 ;) - HudsonPH

非常感谢！它起作用了。我有没有办法更改尖角箭头的颜色？因为当我将背景改为白色时，箭头很难看到。 - helpmepls

创建一个样式：.glyphicon {color:blue !important;} 或者插入一个样式 style="color:blue !important" - HudsonPH

嗨，我尝试使用两种样式来改变箭头的颜色，但是没有起作用。还有其他方法吗？ - helpmepls

嗨，我已经找到了改变箭头颜色的方法。谢谢！ - helpmepls

嗨，我该如何将问题标记为已回答？我不太确定如何使用这个网站。 - helpmepls

Answer 2

当我进行实验时，发现从中删除class="left"似乎会去除渐变效果。

删除后应该是这样的： 同样的，右侧的轮播控制也可以这样做，只需删除class="right"即可。

- Tam

---

这会将它们一个放在另一个上面显示。当我给“下一个”滑块元素添加class=col-md-offset-10时，它们的渲染效果更或多或少地正常了。不过有点hackey... - wecky

Answer 3

当移除left类时，渐变颜色也将被移除。但是当移除right类时，按钮的对齐方式将受到影响，包括prev和next。

- Ronald Domingo