本文是《免费(共164篇)》专题的第 71 篇。阅读本文前,您可以先阅读前面的一些文章:
前言:
首先由于主题不同,所以我的CSS和大家并不一样!因此,我们需要找到评论框所在CSS!我使用的是JustNews主题,用这个版本的可以直接添加代码使用。
JustNews主题CSS
#comment,.comment-must-login {
background-image:url(https://cdn.west2.cn/wp-content/uploads/2022/02/1644052207-pl.webp);
background-repeat:no-repeat;
background-position:right center;
transition-duration:.5s;
}
#comment:focus {
background-position-x:800px;
}
其中background-image:url
里面的图片网址 你需要保存下来 换成你自己的,复制以上代码放在主题设置
-插入代码
-自定义CSS
中保存即可。
其他主题:
常见的浏览器高速模式、谷歌浏览器都有审查元素功能,在你的评论框上右击鼠标”审查元素“
这里我们就以南逸博客为例,他是子比主题,发现他的元素ID为:comment
所以下面的CSS开头我们就得改成comment
#comment{
background-image:url(https://cdn.west2.cn/wp-content/uploads/2022/02/1644052207-pl.webp);
background-repeat:no-repeat;
background-position:right center;
transition-duration:.5s;
}
#comment:focus {
background-position-x:800px;
}