如何从bootstrap轮播中的glyphicons中删除阴影

Question

我的网站上有一个bootstrap轮播。随附的右箭头和左箭头字形由方形灰色阴影框围绕。我想知道是否有人可以告诉我如何去除阴影，所以我只有箭头。我是否必须以某种方式覆盖bootstrap的css？

Answer 1

我以前遇到过这个问题，只需添加此项，因为bootstrap提供阴影作为背景图片或/和过滤器

.carousel-control.left, .carousel-control.right {
   background-image:none !important;
   filter:none !important;
}

如前所述，我会改变不透明度，但要改变1

Answer 2

只需在.carousel控件中添加-

Answer 3

我认为你所指的是.carousel-control项目。

我创建的这个Bootply应该向您展示需要调整的内容，即元素的不透明度。

http://www.bootply.com/TvRdyXhIxo

将不透明度设置为正常状态，将悬停状态设置为您想要的任何值。

.carousel-control {
  opacity: 0.5;
}

.carousel-control:hover {
  opacity: 0.5;
}

Answer 4

只需添加它并确保它覆盖了bootstrap.css

.carousel-control {
    background-image:none !important;
    filter:none !important;
}