Самозагрузка Carusel Control остается белым цветом после нажатия

Question

У меня проблема с загрузочными стрелками, которые меняют слайды при нажатии.Когда я нажимаю на стрелку на телефоне, ее непрозрачность достигает значения 1, непрозрачность по умолчанию для стрелок равна 0,5 (когда стрелка не находится и не нажата).Я хочу, чтобы стрелка контроля карусели оставалась непрозрачной 0,5 после клика.На ПК это решается следующим кодом:

.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;
}