Как убрать браузерную обводку слайдера?

Question

[Владислав]

При клике на slick-slider появляется обводка в Хроме (в Мозилле - нет):

В стилях прописывается так:

user agent stylesheet
:focus {
    outline: -webkit-focus-ring-color auto 5px;
}

Не помогает

.slick-slider:focus {
    outline: none;
}

В слайдере нет ссылок или кнопок, инпутов и т.д. Только дивы (не считая кнопок навигации)

Comments

[Dymok]

а если добавить !important?
если не поможет, дай ссылку на codepen

[Владислав]

ссылка на сайт 9803623691.myjino.ru. Все слайдеры ведут себя одинаково.

Answer 1

[tibik]

А попробуй так:

.slick-slide:focus {
    outline: none;
}

Comments

[tibik]

Владислав, Если посмотреть повнимательнее, то у меня чуть другой класс указан, нежели у вас :)

[Владислав]

Да, прошу прощения, не заметил. И удалил камент.
Это помогло, благодарю.

[tibik]

Владислав, рад, что помогло!)

[RuSSell-West]

Дякую!

[AnnZeller]

Спасибо, друг!

Answer 2

[BitRouter]

крайне странно что консоль говорит? откуда он берет outline

.slick-slider:focus {
    outline: none !important;
}

можно конечно использовать important

Comments

[Владислав]

Я же написал "user agent stylesheet"

:focus {
    outline: -webkit-focus-ring-color auto 5px;
}

important тоже не помогает.

[BitRouter]

очень странно отлавливайте где именно у вас стоит outline поскольку DIV сам по себе не имеет браузерного свойства outline + есть вероятность что у вас просто где то выше незакрытый тег