Contact form 7表单css样式代码
日期:2020年8月14日
摘录:Contact Form 7是Wordpress插件,不需要多做介绍,作为询盘表单插件,全球使用人数最多。虽然 […]

Contact Form 7是Wordpress插件,不需要多做介绍,作为询盘表单插件,全球使用人数最多。虽然功能强大,但是外观太丑,需要手写CSS。

虽然CSS我也不是很会,通过谷歌查找教程,也学了些基本,把表单基本上改改还是能看,最起码比没改好吧。

没加CSS之前:

Contact form 7表单css样式代码 5

加了CSS之后:

Contact form 7表单css样式代码 7

虽然改的不是很好,起码还是能稍微看一下。

CSS如下:

.wpcf7-text,.wpcf7-textarea{
  width:100%;
  font-size: 16px !important;
  padding:12px !important;
}
.wpcf7-submit{
  width:100%;
  background-color: red;
  color: white;
  border:none !important;
  font-size: 16px !important;
  padding:10px !important;
}

0条评论

递交一条评论

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

欢迎来到我的博客!

好记性不如烂笔头

为什么要写博客?

记性不好。

本站所有内容都是我在工作中所遇到的问题,通过搜索引擎查到资料,有自己原创经验分享,有收集来的,记录并分享,方便自己以后查阅。

主要:建站资料,网络推广,服务器,软件分享,办公软件操作,阿里巴巴国际站,国外社交平台,各类工具等等。

我的收藏,希望对你有帮助。

收藏本站(Ctrl+d)加入收藏