Я работаю над расширением Chrome . Я пытаюсь поместить эффект выделения на одну из панелей, которые я строю, с помощью селектора псевдокласса css :hover.
При наведении курсора мыши не все элементы выделяются, и поведение является своего рода последовательным. Вот видео , демонстрирующее это. Снимок ниже.
Я использовал :hover много раньше, но я впервые использую его в chrome расширении.
Я использую PageAction вместо BrowserAction. Что может быть связано с этим, так как в прошлый раз, когда я проверял его на BrowserAction, он работал нормально.
Так же, как вторичный тест, я решил проверить, сможет ли захватить другие события, такие как click и mouseover. Который оказался работать нормально.
Вот код
На моей настройке, на самом деле у меня есть index.html, style.css и script.js внутри папки с именем popup, я удалил папку, поскольку gist не поддерживает папки.
Я знаю, что некоторые люди уже предлагали перейти с PageAction на BrowserAction. Но из-за отсутствия документации по этой другой проблеме (Chrome Extension Dev: Как затенить иконку на клике? ) Я застрял с PageAction
Я заметил что, не меняя ничего в коде, спустя некоторое время я еще раз проверил проблему, и она работала превосходно. Я пошел на chrome://extensions и заметил, что background page был неактивен.
При нажатии на кнопку refre sh, переустановив расширение, background page возвращается в активный режим, и проблема возвращается.