Я работаю с React 16 и Emotion 10.0.7.Библиотека Emotion - это библиотека CSS-in-JSS, которую можно использовать с React, используемым для стилевого оформления компонентов.У меня есть они работают вместе и стилизация компонентов.По большей части мой CSS считается «более конкретным» и перезаписывает другой CSS, как и следовало ожидать.
Я пытаюсь удалить :focus контур из кнопки.Я знаю, что это осуждается, но меня попросили сделать это для рабочего проекта.
Мой вопрос такой.Я указал 'outline: none' в моей разметке Emotion CSS на уровне компонентов.Это преобразуется в класс, и псевдо-селектор :hover применяется к классу, а затем перезаписывается (я вижу зачеркивание в Chrome Dev Tools) явно «глобальным»: селектором фокуса в Chrome.
Я называю изображенный селектор «глобальным»: селектор фокуса из-за отсутствия лучшего термина.Обычно есть указание на то, откуда приходит CSS (пользовательский агент, some_file.css и т. Д.), Но здесь верхний правый угол поля пуст.
Это глобальный селектор Chrome для псевдокласса :hover?Могу ли я переписать это или как-то обойти? global_hover_selector_chrome