滑动滑条活动滑条的颜色变化

Question

正在使用光滑的滑块，在这里我试图突出显示当前的滑块图像，并需要淡出其余的滑块图像

期望的结果是

创建的小提琴是Fiddle link

我添加了以下CSS以获得我的结果

.slick-current.slick-active.slick-center {
    opacity:1;

}
.slick-slide  {
    opacity:0.5;
    background: #000;
    border-left:3px solid #fff;
    border-right:3px solid #fff;
}

不透明度起作用，但是左右图像是白色而不是黑色，

Answer 1

Answer 2