去除BootStrap轮播图两侧的灰色阴影

最新推荐文章于 2024-04-10 14:09:14 发布

原创最新推荐文章于 2024-04-10 14:09:14 发布 · 1.5k 阅读

2 ·

CC 4.0 BY-SA版权

前端开发专栏收录该内容

21 篇文章

订阅专栏

本文介绍如何通过自定义CSS样式来移除BootStrap轮播图两侧的灰色阴影，提供具体的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

去除BootStrap两侧的灰色阴影

需要在样式表中添加两个样式：

.carousel-control.left {
       background-image:none;
       background-repeat: repeat-x;
       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
      left: auto; right: 0;
      background-image:none;
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
 }

效果如下：
左边：
在这里插入图片描述
右边：