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

Question

我有一个问题，引导carusel控制箭头会在单击时更改幻灯片。当我点击手机上的箭头时，其不透明度保持为1，箭头的默认不透明度为0.5(当箭头没有悬停也没有点击时(。我希望在斜切后，carusel控件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;
}