typecho博客-增加评论框背景图片

typecho博客-增加评论框背景图片

夜影
2024-03-27 / 2 评论 / 72 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2024年03月27日,已超过525天没有更新,若内容或图片失效,请留言反馈。

打开网站,在评论框中鼠标右键点击检查,查找控制背景元素的位置

1.jpg

以joe主题为例,(.joe_comment__respond-form .body .text)为控制元素,(https://dai.donghai.gq/usr/themes/Joe/assets/css/joe.global.min.css)这个为元素的地址文件

2.jpg

进入相应的位置打开css文件查找控制元素,修改代码为

.joe_comment__respond-form .body .text{width:100%;height:200px;border:none;resize:none;vertical-align:middle;color:var(--routine);background-image:url("需要添加的背景图片地址");background-repeat:no-repeat;background-position:right center}


3.jpg
图片素材可以在本站文章中下载 点击直达

1

评论 (2)

取消
  1. 头像
    骑驴看账本
    Android · Google Chrome

    所有都通用吗?

    回复
    1. 头像
      夜影 作者
      Windows 10 · Google Chrome
      @ 骑驴看账本

      所有都通用,图片素材本站有文章提供

      回复