Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何可视化Contact Form 7

如何可视化Contact Form 7
EN

Stack Overflow用户
提问于 2018-01-16 06:45:18
回答 1查看 101关注 0票数 0

如何更改联系人表单7的边框颜色?目前它是黄色的,但我想要其他的。

我如何才能将其存档?

current contact form

这部分代码用于联系人表单,但是,我没有找到任何方法来插入我的颜色代码。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div class="request_callback">
<div class="row_1">
    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="width:33%;">
        <div class="input-group">
            [text* name placeholder akismet:author "Name"]
        </div>
    </div>
    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="width:33%;">
        <div class="input-group">
            [tel* phone placeholder "Phone number"]
        </div>
    </div>
    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="width:33%;">
        <div class="input-group">
            [text* email placeholder "Email"]
        </div>
    </div>
</div> <!-- END: row_1-->
<div class="row_2">       
  <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="width:100%">
        <div class="input-group" >
            [select* services_consulting first_as_label "Model" "All" "Coral" "Coral Mini" "Mini Water Bar" "Faucet" "Master Filter" "Water bar S6"]
        </div>
  </div>
</div>
EN

回答 1

Stack Overflow用户

发布于 2018-01-16 06:59:06

这是你可以用css处理的东西,因为你的窗体有单独的主类是这个.request_callback,这样你就可以在active上添加css了。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
.request_callback input.wpcf7-form-control.wpcf7-text:active{

     border: 1px solid red;
}

你可以粘贴你的网址,以便我可以发送更多正确的css。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48275429

复制
相关文章
contact form 7如何搭配Akismet过滤垃圾邮件
  contact form 7有很多站长在用,但是经常会有一些垃圾邮件进来,如何过滤呢?两个方法:1、表单提交启用验证码功能,很多垃圾邮件是用软件扫相应的端口,然后批量群发,如果用验证码了可以过滤很大一部分垃圾邮件。2、搭配Akismet一起来拦截。Akismet是很强大的垃圾邮件过滤器,大多数wordpress站长都会用。那么,contact form 7如何搭配Akismet过滤垃圾邮件呢?随ytkah一起来看看吧
ytkah
2019/09/25
1.1K0
contact form 7如何搭配Akismet过滤垃圾邮件
Contact Form 7插件添加表单教程
作为一个网站所有者,你绝对应该学习如何添加一个联系表单到WordPress。你的网站不是一个匿名实体。大多数人都想知道,偶尔也会和他们所读内容背后的人互动。你认为为什么会有作者简介和博客评论?今天外贸
Hoan外贸建站
2020/12/03
1.8K0
Contact Form 7:最强大的 WordPress 联系表单插件
帮人做 WordPress 项目的时候,经常需要帮客户设置联系表单,一般我们都会推荐客户使用 Contact Form 7 这个 WordPress 插件。
Denis
2023/04/14
9120
Contact Form 7:最强大的 WordPress 联系表单插件
contact form 7如何设置placeholder让提示文字显示在输入框中
  我们在表单时,可以将提示文字放在输入框的上方或左侧,如果要放在框中提示可以用placeholder来定义,那么contact form 7可以使用placeholder吗?答案是肯定的,如何操作呢?很简单,如下图所示,在定义cf7表单时加上placeholder,比如 [text your-name placeholder "Your name here"]这样就能实现。
ytkah
2019/06/24
3.5K0
contact form 7如何设置placeholder让提示文字显示在输入框中
lnmp 环境 contact form 7 不能发送邮件的解决办法
朋友做网站安装了 contact form 7 来接收客户询盘,但是反复测试都无法收到邮件。经过思考,魏艾斯博客认为是 lnmp 环境中 vps 的 mail 函数不能正常发送邮件导致的。解决办法是重
魏艾斯博客www.vpsss.net
2018/06/01
1K2
Contact Form 7插件中的不受限制文件上传漏洞
众所周知,Contact Form 7是一款非常受欢迎的WordPress插件。但是根据安全研究专家的最新发现,Contact Form 7中存在一个不受限制的文件上传漏洞。这个漏洞被标记为了高危漏洞,目前存在漏洞的Contact Form 7插件已经安装在了500多万个网站上,使得这些网站将成为攻击者严重的“香饽饽”。在该漏洞的帮助下,攻击者将能够对目标站点执行网络钓鱼、网站接管、数据窃取和Credit卡欺诈等攻击活动。
FB客服
2021/02/08
3.1K0
屏蔽垃圾留言-Contact form 7和Elementor表单插件添加google验证方法
当wordpress网站添加了contact form 7或者其他联系表单的时候,经常会收到一些垃圾或者恶意留言评论,严重影响正常使用。
蓝鲨网络建站技术
2021/03/11
2.4K0
屏蔽垃圾留言-Contact form 7和Elementor表单插件添加google验证方法
CVE-2020-35489 WP插件Contact Form 7任意文件上传
CVE-2020-35489。在Contact Form 7插件中发现不受限制的文件上传漏洞,影响5M+网站。
Khan安全团队
2021/01/07
6.6K0
C#通讯录——Windows Form Contact List
C#通讯录 Windows Form Contact List 主窗口 using System; using System.Collections.Generic; using System.Com
landv
2018/05/24
7100
WordPress Contact Form Entries Cross 跨站脚本攻击
https://wpscan.com/vulnerability/c3d49271-9656-4428-8357-0d1d77b7fc63
Khan安全团队
2022/01/15
4440
WordPress 技巧:只在含有联系表单的页面加载 Contact Form 7 的 JS 和 CSS
Contact Form 7 是一个非常强大并且易用的联系表单的插件,我在很多项目中都用到它,但是这个插件有个很不好的地方,会在整个博客的所有前台页面都加载 Contact Form 7 的 JavaScript 和 CSS 代码,对于性能要求极致的我们,当然不允许这样的事情发生,所以我们可以通过下面的代码实现只在含有 Contact Form 7 表单的页面加载 Contact Form 7 的 JS 和 CSS 代码。
Denis
2023/04/15
1.5K0
WordPress表单插件 Contact form 7介绍及拓展高级功能实现和部分表单框架样式
首先  Contact form 7 插件是一款免费的WordPress表单插件,用于给访客填写表单、收集信息功能。利用配合MailChimp(国外邮件营销工具)亦可实现邮件订阅功能, 由于Contact Form7插件的强大,也可以实现自动给用户发送邮件(可包含文件附件),配合Contact Form CFDB7插件可记录用户表单填写信息(Contact form 7插件默认是不会保存这些内容的,它只会发送邮件发给你 );配合Redirection for Contact Form 7 插件也实现用户提交表单后跳转至自定义url。可用于记录跳转参数便于运营数据参考,这款插件还可以将用户填写的信息传递到url,以实现简单的跨页面传参呈现用户信息。
AlexTao
2020/07/14
3.2K0
WordPress表单插件 Contact form 7介绍及拓展高级功能实现和部分表单框架样式
如何把custom form 7添加到wordpress每个页面
  我们已经知道wordpress如何添加contact form 7了,也知道[contact-form-7 id="xx" title="mytitle"]哪里需要加哪里,但是这个代码一次只能加一个页面,有没办法把代码加到所有页面呢?其实是可以的,只要让wordpress程序执行短代码就能实现。随ytkah一起来看看吧
ytkah
2019/06/24
5180
FastAPI学习-7.登录页面-表单数据 form
接收的不是 JSON,而是表单字段时,要使用 Form。 表单数据的「媒体类型」编码一般为 application/x-www-form-urlencoded。
上海-悠悠
2023/09/11
1K0
FastAPI学习-7.登录页面-表单数据 form
form表单提交后如何弹出对话框_ajax提交form表单数据
没想到有这么多人浏览这个文章,看来网络的文章害人不浅啊,我重新把代码格式化了,大家好好看吧。
全栈程序员站长
2022/11/09
3.7K0
Form开发之Form与Java
虽然我们在设计Form、编写PL/SQL代码的时候,感觉不到Java的影子,但在执行时,其确确实实被转化为Java Applet在Jinitiator这个JVM中运行,我们在块中创建的Item,其实际也对应一个个Java类,看下表中的类列表,应该知道分别对应Form中的哪些Item。
博文视点Broadview
2020/06/11
2.1K0
$(#form :input)与$(#form input)的区别
1. $("form :input") 返回form中的所有表单对象,包括textarea、select、button等     $("form input")返回form中的所有input标签对象
超然
2018/08/03
2K0
点击加载更多

相似问题

Contact Form 7 404 [contact-form-7 404“未找到”]

10

contact form 7邮件未发送

30

Contact form 7 ajax目标跟踪

00

Contact form 7附件未发送

10

Contact Form 7 WP插件-验证

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文