WordPress 主题美化 – 评论框添加背景图-追梦人

温馨提示：本文最后更新于2025-08-05 11:09:35，某些文章具有时效性，若有错误或已失效，请在下方留言或联系站长。

本文转自阿蛮君博客 WordPress 主题美化 – 评论框添加背景图 - 阿蛮君博客 (amjun.com)

添加如下 css，可给评论框添加背景图：

/*评论背景图*/
textarea#comment {
    background-color:transparent;
    background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),url(/wp-content/uploads/2023/03/comment.png) right 10px bottom 10px no-repeat;
    -moz-transition:ease-in-out 0.45s;-webkit-transition:ease-in-out 0.45s;
    -o-transition:ease-in-out 0.45s;
    -ms-transition:ease-in-out 0.45s;
    transition:ease-in-out 0.45s;
}

textarea#comment:focus {
    background-position-y:789px;
    -moz-transition:ease-in-out 0.45s;
    -webkit-transition:ease-in-out 0.45s;
    -o-transition:ease-in-out 0.45s;
    -ms-transition:ease-in-out 0.45s;
    transition:ease-in-out 0.45s;
}

背景图链接需要替换为自己的，效果如下：