Изменение цвета выделения текста только в нижнем колонтитуле

Question

Я ищу способ изменить цвет выделения текста в нижнем колонтитуле, чтобы он отличался от цвета выделения в другом месте. Цвет выделения на сайте в целом #fff200, тогда как текст #241f51, я хотел бы иметь возможность изменять цвет выделения только в нижнем колонтитуле, чтобы он был противоположен остальной части сайта, чтобы при выделении текста в нижнем колонтитуле фон становится синим (# 241f51), а текст становится желтым (# fff200). В любом случае я могу сделать это, используя css, или любой другой метод в этом отношении?

У меня нет абсолютно никакой подсказки, как разобраться в этом, и у меня есть только небольшая подсказка относительно того, что я делать в целом, когда дело доходит до сайтов. Я создаю в Wordpress, используя конструктор тем / сайтов под названием BeTheme.

Заранее благодарю за любую помощь.

Смотрите, например, фотографию с моего сайта.

Цвет выделения на сайте в целом #fff200, тогда как текст #241f51, я пытаюсь изменить это для нижнего колонтитула, чтобы выделенный текст имел приятный контраст с цветом фона нижнего колонтитула

Answer 1

Да, вы можете настроить таргетинг на псевдоэлементы указанных разделов c и переопределить стили по умолчанию (добавлена ​​совместимость для некоторых браузеров Mozilla). Замените «нижний колонтитул» указанным c классом-оберткой или тегом для нижнего колонтитула. Пример:

        ::-moz-selection {
            background: #fff200;
        }
        ::selection {
            background: #fff200;
        }

        .footer ::-moz-selection {
            background: #241f51;
            color: #fff200;
        }
        .footer ::selection {
            background: #241f51;
            color: #fff200;
        }

Answer 2

Вы пробовали что-то подобное?

::selection{
 background-color:yourColor;
}
footer ::selection{
 background-color:otherColor;
}

На самом деле это сработало для меня.