如何使用Html/Css从滑块背面移除阴影？

资料来源： 我已经把我上面提到的网站主页标签的背景改成了浅蓝色。但我无法从最左边和最右边移除阴影，这使得它的两边都显得有点暗。有什么方法可以使颜色在主页选项卡上的每个位置都均匀显示吗？

---

提前谢谢

你可以这样试试

CSS

如果它不起作用，试着像这样添加重要内容

background-image: none !important;

很简单： 在css文件中使用以下代码：

更正CSS:

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

为什么会出现阴影： 之所以出现阴影，是因为您的滑块有两个链接或标记，当我检查它们的css（bootstrap.min.css）时，我看到一个背景图像应用于它们

<a class="left carousel-control" data-slide="next" href="#slideshow-carousel-1">
<a class="right carousel-control" data-slide="next" href="#slideshow-carousel-1">

---

正如您所看到的，上面的css是导致滑块上出现阴影效果的原因。希望这有帮助

欢迎来到Stack Overflow D J。请阅读。例如，在发布前进行校对，而不是包含可能在未来几年中断/更改的屏幕截图图像，而不是链接或网页。

<a class="left carousel-control" data-slide="next" href="#slideshow-carousel-1">
<a class="right carousel-control" data-slide="next" href="#slideshow-carousel-1">

.carousel-control.left
{
  background-image: linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);
}
.carousel-control.right
{
  background-image: linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);
}