如何用CSS修改WordPress博客评论框点击后的背景颜色？

你需要针对输入框聚焦状态（也就是点击后的状态）设置样式，之前的代码没用到:focus伪类，所以只改了常态背景，没生效到点击后的状态。试试下面的CSS代码：

/* 评论区输入框聚焦时的背景色设置 */
#respond .comment-form input:focus,
#respond .comment-form textarea:focus {
  background-color: pink;
  /* 可选：去掉默认的蓝色聚焦边框，换成粉色 */
  outline-color: pink;
}

如果上面的代码还是被主题样式覆盖，就给属性加!important提升权重：

#respond .comment-form input:focus,
#respond .comment-form textarea:focus {
  background-color: pink !important;
  outline-color: pink !important;
}

操作步骤：

• 登录WordPress后台，进入「外观」→「自定义」→「附加CSS」
• 把代码粘贴进去，点击「发布」即可生效

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