bootstrap carusel控件在单击后仍保持白色

Question

我对引导程序转盘控制箭头有疑问，该箭头会更改单击时的幻灯片。当我单击手机上的箭头时，其不透明度保持为1的值，则箭头的默认不透明度为0.5（未悬停或未单击箭头时）。我希望旋转控件箭头在被点赞后保持不透明度0.5。在PC上，可通过以下代码解决：

.carousel-control:focus{
    opacity: 0.6;
}

但在电话上不起作用。 我有一个示例链接，但是出于我不知道的原因，上面的代码在该示例上不起作用：https://jsfiddle.net/borovec/psrxt7ay/25/

感谢任何帮助。

Answer 1

使用以下CSS：

.carousel-control:focus, .carousel-control:hover {
  opacity: 0.6 !important;
}

.carousel-indicators{
  display: none;
}

.row-1{
  margin-top:-7vw;
}