教程如下:
在子比主题设置—自定义CSS样式,添加下面的CSS代码:
/*评论背景图*/
textarea#comment {
background-color:transparent;
background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),url(https://blog.a686.de/img/plq.gif) right 10px bottom 0px no-repeat;
background-size: contain;
-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;}
效果如下:
![图片[1]-博客-技术-分享-免费子比主题美化-评论框添加背景图片](https://img.a686.de/file/6ac00b989ca90ea3618ed.jpg)
感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
文章版权归作者所有,未经允许请勿转载。声明:下载本站资源即同意用户协议,本站程序只是提供给开发者学习研究。
THE END
- 最新
- 最热
只看作者