本文转自 阿蛮君 博客 WordPress 主题美化 – 评论框添加背景图 - 阿蛮君博客 (amjun.com)
添加如下 css，可给评论框添加背景图：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
/*评论背景图*/ 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; } |
背景图链接需要替换为自己的，效果如下：
