如何在WordPress中实现选中文章文字修改背景与颜色？

要实现你截图里的选中文本高亮效果，直接用CSS就能搞定，不需要复杂的JavaScript，步骤简单且轻量：

方法一：添加自定义CSS（推荐） #

1. 登录WordPress后台，进入「外观」→「自定义」→「额外CSS」（不同主题可能叫「自定义CSS」，位置基本类似）
2. 粘贴以下代码，根据需求修改颜色值：

/* 全局选中文本样式 */
::selection {
    background-color: #ffd966; /* 替换成你想要的背景色 */
    color: #2d3748; /* 替换成你想要的文字颜色 */
}
/* 兼容火狐浏览器 */
::-moz-selection {
    background-color: #ffd966;
    color: #2d3748;
}

3. 点击「发布」保存设置，刷新前端页面就能看到效果。

仅针对文章内容生效 #

如果不想全局应用，只想让文章正文里的选中文本生效，可以给样式加上文章内容容器的类名（多数主题用.entry-content）：

.entry-content ::selection {
    background-color: #ffd966;
    color: #2d3748;
}
.entry-content ::-moz-selection {
    background-color: #ffd966;
    color: #2d3748;
}

不确定容器类名的话，用浏览器F12开发者工具，选中文章内容区域，查看父元素的class即可。

针对特定标签生效（比如你的示例p标签） #

如果只想对段落标签的选中文本设置样式，用以下代码：

p::selection {
    background-color: #ffd966;
    color: #2d3748;
}
p::-moz-selection {
    background-color: #ffd966;
    color: #2d3748;
}

方法二：用插件实现（适合不懂CSS的用户） #

如果不想写代码，可以安装「Simple Custom CSS and JS」这类插件，在插件的CSS编辑区域粘贴上述代码即可，效果和直接加自定义CSS一致。

内容的提问来源于stack exchange，提问作者Developer