仅更改页脚中的文本选择颜色答案

【问题标题】：Changing text selection colour in footer only仅更改页脚中的文本选择颜色
【发布时间】：2020-08-06 15:54:19
【问题描述】：

我正在寻找一种方法来更改页脚中的文本选择颜色，以便其他地方的选择颜色有所不同。整个网站的选择颜色是#fff200，而文本是#241f51，我希望能够仅更改页脚中的选择颜色，与网站的其余部分相反，以便当在页脚中选择文本时，背景变为蓝色（#241f51），文本变为黄色（#fff200）。无论如何我可以使用 css 或任何其他方法来做到这一点吗？

我完全不知道如何解决这个问题，而且对于我在网站方面所做的整体工作只有一点点线索。我正在使用名为 BeTheme 的主题/网站构建器在 Wordpress 中构建。

提前感谢您的帮助。

请参阅我网站上的照片。

整个网站上的选择颜色是#fff200，而文本是#241f51，我正在尝试将页脚反转，以便所选文本与页脚背景颜色形成鲜明对比

【问题讨论】：

标签： css wordpress colors footer

【解决方案1】：

你尝试过这样的事情吗？

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

实际上这个对我很有效。

【讨论】：

【解决方案2】：

是的，您可以针对特定部分的伪元素并覆盖默认样式（增加了对某些 Mozilla 浏览器的兼容性）。用您的页脚的特定包装类或标签替换“页脚”。示例：

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

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

【讨论】：

感谢您的回复，我试过这个，但我似乎还不能让它工作。我得再试一试。