Javascript 在我的旋转木马滑块的左侧和右侧显示灰色。如何去除灰色？ 我创造了旋转木马效果，图像，但它似乎有 其左侧和右侧端点的灰色阴影。 我想删除它，但我不知道如何删除它。 在我的旋转木马滑块的左侧和右侧显示灰色。 如何去除灰色？ 我已经给你提供了一个屏幕截图，你可以很容易地通过它。 下面是我的代码

//实例化引导转盘
$（'.multi-item carousel'）。carousel({
间隔：假
});
//对于旋转木马中的每张幻灯片，复制幻灯片中下一张幻灯片的项目。
//对下一个，下一个项目也这样做。
$（'.multi-item carousel.item'）。每个（函数（）{
var next=$（this.next（）；
如果（！next.length）{
next=$（this.sibbines（':first'）；
}
next.children（':first child'）.clone（）.appendTo（$（this））；
if（next.next（）.length>0）{
next.next（）.children（':first child'）.clone（）.appendTo（$（this））；
}否则{
$（this）.兄弟姐妹（':first'）.children（':first child'）.clone（）.appendTo（$（this））；
}
});
。多项目旋转木马{
.旋转木马内部{
>.项目{
过渡：由左向外缓进；
}
.主动{
&.左{
左-33%；
}
&.对{
左：33%；
}
}
.下一个{
左：33%；
}
上一篇{
左-33%；
}
@媒体和全部（transform-3d），（-webkit-transform-3d）{
>.项目{
//在这里使用您最喜欢的前缀
过渡：500毫秒，从左向外缓进；
过渡：500ms缓进缓出；
背面可见性：可见；
转变：无！重要；
}
}
}
.旋转木马控制{
&.左,右,{
背景图像：无；
}
}
}
//非相关样式：
身体{
背景：#333；
颜色：#ddd；
}
h1{
颜色：白色；
字号：2.25em；
文本对齐：居中；
边缘顶部：1米；
边缘底部：2米；
文本阴影：0px2px0pxrgba（0,0,0,1）；
}

使用引导的旋转木马可以在每张幻灯片上显示多个项目。
您是否尝试过使用
背景图像：无！重要的在您的幻灯片上？它将删除你所说的黑色半透明图像

必须将此样式应用于
.carousel控件.left
和
.carousel控件.right
类

如果您有自己的样式表，只需添加以下两种样式：

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

您只需覆盖默认行为：
.carousel-control.left、.carousel-control.right{背景：无！重要；}

您可以修改它从引导和避免需要使用！重要声明


。多项目旋转木马{
.旋转木马内部{
>.项目{
过渡：由左向外缓进；
}
.主动{
&.左{
左-33%；
}
&.对{
左：33%；
}
}
.下一个{
左：33%；
}
上一篇{
左-33%；
}
@媒体和全部（transform-3d），（-webkit-transform-3d）{
>.项目{
//在这里使用您最喜欢的前缀
过渡：500毫秒，从左向外缓进；
过渡：500ms缓进缓出；
背面可见性：可见；
转变：无！重要；
}
}
}
.旋转木马控制{
&.左,右,{
背景图像：无；
}
}
}
//非相关样式：
身体{
背景：#333；
颜色：#ddd；
}
h1{
颜色：白色；
字号：2.25em；
文本对齐：居中；
边缘顶部：1米；
边缘底部：2米；
文本阴影：0px2px0pxrgba（0,0,0,1）；
}
.carousel-control.left、.carousel-control.right{背景：无！重要；}

//实例化引导转盘
$（'.multi-item carousel'）。carousel({
间隔：假
});
//对于旋转木马中的每张幻灯片，复制幻灯片中下一张幻灯片的项目。
//对下一个，下一个项目也这样做。
$（'.multi-item carousel.item'）。每个（函数（）{
var next=$（this.next（）；
如果（！next.length）{
next=$（this.sibbines（':first'）；
}
next.children（':first child'）.clone（）.appendTo（$（this））；
if（next.next（）.length>0）{
next.next（）.children（':first child'）.clone（）.appendTo（$（this））；
}否则{
$（this）.兄弟姐妹（':first'）.children（':first child'）.clone（）.appendTo（$（this））；
}
});
使用引导的旋转木马可以在每张幻灯片上显示多个项目。
您需要更改两个类：

.carousel-control.left,
.carousel-control.right {
  background: transparent;
}

.glyphicon.glyphicon-chevron-left,
.glyphicon.glyphicon-chevron-right {
  color: red; //Example
}

其默认值为：

background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);

更新
两个箭头都使用引导图标，因此您必须更改两个类：

.carousel-control.left,
.carousel-control.right {
  background: transparent;
}

.glyphicon.glyphicon-chevron-left,
.glyphicon.glyphicon-chevron-right {
  color: red; //Example
}

这些类是引导标准类，如果您有一个全局样式文件，这将更改这两个类的所有引用，从而更改所有其他箭头的颜色。
我将首先搜索“错误”代码，正确地单击旋转木马，然后
检查或检查元素（在浏览器中可能不同），并尝试查找导致混乱的元素。可能解决方案是“边距：0；”，可能是“背景：透明”；或者可能是“背景图像：无”但是你首先要知道谁有罪，为什么有罪，我们不能从屏幕截图或代码中检查，因为错误显然来自你使用的某个库。
以及如何为旋转木马中的左右箭头添加其他颜色。？以及如何为t添加其他颜色