Веб-дизайнер Google - компонент видео (при нажатии) - удалить синюю рамку - PullRequest
Новая
       31

Веб-дизайнер Google - компонент видео (при нажатии) - удалить синюю рамку

1 голос
/ 22 мая 2019

Я создал рекламный баннер не-Google с помощью Google Web Designer и использовал видео-компонент для показа видео.Все работает нормально.

Функция доступности, при нажатии видео компонента для воспроизведения или приостановки видео появляется синяя рамка.

Я добавил следующий код, чтобы скрыть синюю рамку, ноне помогает. 

.gwd-video-1ggs:focus, .gwd-video-1ggs:active {
    outline: none !important;
    box-shadow: none !important;
}

Это происходит только в браузере Chrome, а не в Safari.Есть ли потенциальное решение для этого?

1 Ответ

0 голосов
/ 22 мая 2019

Решено

Я подписался на этот пост - [https://nelo.is/writing/styling-better-focus-states/][1]

Добавьте следующий код, чтобы удалить синюю рамку. 

*:focus:not(.focus-visible) {
    outline: none;
}
.focus-visible {
    outline-color: lightgreen;
}

В блоге объясняется это вподробности.

...