html - bootstrap 轮播控件在单击后保持白色

Question

我在使用 Bootstrap 轮播控件箭头时遇到问题，该箭头会在单击时更改幻灯片。当我点击手机上的箭头时，它的不透明度保持为 1，箭头的默认不透明度为 0.5(当箭头没有悬停也没有被点击时)。我希望 carusel-control Arrow 在被点击后保持不透明度 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;
}