Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >求助,如何改变表单的样式?

求助,如何改变表单的样式?

提问于 2022-04-05 02:34:31
回答 1关注 0查看 269

大家好,我有一个WPCF7的表单,我想要把其中3个输入框改成只有下面一条线的样式,试过

代码语言:js
AI代码解释
复制
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-ad-required{
border:none;

border-bottom: 1px solid #000}

但是不起作用。

下面是我的网址:http://43.134.194.96/submit-rfq/

求助。

回答 1

EatRice

修改于 2022-04-05 09:38:21

您好,可以通过定义表单输入框的class属性来确定其归属于哪一类样式,然后在样式表css文件中对边框进行定义。

首先给输入框加一个样式属性,如下图所示,我加了个custom

你这个样式表可以改为:

代码语言:js
AI代码解释
复制
custom {
    border:none;
    border-bottom: 1px solid #000;}
和开发者交流更多问题细节吧,去 写回答
相关文章
表单提交不成功,求助各位大神!!
<div class="pc-banner4 lazy" data-original="images/pc-img_05.jpg">
用户7359829
2020/05/21
7870
表单提交不成功,求助各位大神!!
bootstrap 表单 常用样式
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
用户5760343
2022/01/10
9490
bootstrap 表单 常用样式
IOS 改变字体样式 **
1 import UIKit 2 import CoreText 3 4 class ViewController:UIViewController { 5 6 override func viewDidLoad() { 7 super.viewDidLoad() 8 // Do any additional setup after loading the view, typically from a nib. 9 10 let label = UILabel(frame:CGRect(x:10, y:60, width:300, height:40)) 11 let string = NSMutableAttributedString(string:“Interactive tutorials for Xcode”) 12 13 let font = CTFontCreateWithName(“CourierNewPSBoldMT” as CFString?, 22, nil) 14 string.addAttribute(kCTFontAttributeName as String, value:font, range:NSRange(location:0, length:11)) 15 16 var number = 3 17 let cfNumber = CFNumberCreate(kCFAllocatorDefault, CFNumberType.sInt8Type, &number) 18 string.addAttribute(kCTStrokeWidthAttributeName as String, value:cfNumber!, range: NSMakeRange(12, 9)) 19 20 let italicFont = UIFont.italicSystemFont(ofSize:14) 21 let fontValue = CTFontCreateWithName(italicFont.fontName as CFString?, 14, nil) 22 string.addAttribute(kCTFontAttributeName as String, value:fontValue, range: NSRange(location:22, length:3)) 23 24 string.addAttribute(kCTUnderlineStyleAttributeName as String, value:NSNumber(value:1), range: NSRange(location:26, length:5)) 25 26 label.attributedText = string 27 self.view.addSubview(label) 28 } 29 }
用户5760343
2019/07/10
1.7K0
IOS 改变字体样式 **
改变layui表格样式
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
PHY_68
2020/09/16
3.1K0
改变layui表格样式
css改变鼠标样式
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/138261.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/04
3.4K0
css改变鼠标样式
css怎么改鼠标样式,如何利用CSS改变鼠标的样式
各种各样的鼠标样式,对于经常使用电脑的人而言一定不会生疏。当鼠标移动到不同的地方时,当鼠标执行不同的功能时,鼠标的外形都会发生变化。但在网页上,貌似只有当鼠标在超级链接上时才出现一个手形,在其它地方似乎没有什么变化,同布满动感的网页显得不怎么和谐。实际上,用css可以方便地定义许多种鼠标外形。下面小编就为大家介绍一下怎样利用CSS改变鼠标的样式。
全栈程序员站长
2022/09/03
3.2K0
css怎么改鼠标样式,如何利用CSS改变鼠标的样式
如何改变二维码的码点样式
如今我们走在大街上,会看到二维码无处不在,各种商家的付款码,小程序码,广告码等等。二维码的样式也越来越多样化,那种黑白色的二维码已经越来越没有个性化,也不美观。其实条码软件在生成二维码的时候,就支持二维码美化,下面小编就为大家演示如何改变二维码的码点样式。
神奇像素科技
2022/03/04
1.5K0
如何改变二维码的码点样式
bootstrap笔记(七)——表单样式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--支持移动设备优先--> <meta name="viewport" content="width=device-width, initial-scale=1"> <!--引入css文件--> <link rel="stylesheet" href="bootstrap/css/boots
兮动人
2021/06/11
7770
bootstrap笔记(七)——表单样式
VANT标签栏样式改变
在使用vant的Tab标签制作导航栏时,Tab样式书写方式同css有些许不同,并且一些样式变量是已经自定义的。那么如何改变样式呢?为此总结了一部分较为常用的样式的代码。
算法与编程之美
2022/02/17
3.4K0
VANT标签栏样式改变
表单样式简单设计
  虽然作为后端程序员,简单的CSS样式还是要会滴,备份下 1.直接贴代码吧: @{ ViewBag.Title = "Index"; Layout = null; } <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> <style type="text/css"> .box-wrap { padding: 20px; width: 2000px; }
用户1055830
2018/01/18
9800
表单样式简单设计
CSS 改变鼠标样式(大全)[通俗易懂]
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/138403.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/03
3.2K0
CSS 改变鼠标样式(大全)[通俗易懂]
表单常用的控件有哪些_html表单控件样式修改
  readonly属性规定输入字段为只读(不能修改); readonly属性不需要值,它等同于readonly=“readonly”。
全栈程序员站长
2022/09/20
4.5K0
CSS改变鼠标样式(图片)
首页把鼠标图标格式转换成.ico格式,大小为32*32 转换格式网址为:https://www.easyicon.net/covert/
全栈程序员站长
2022/09/04
2.9K0
C#-改变控件样式
目前接触到的C#应用程序,基本上采用了WPF进行界面设计,WPF是啥?是微软推出的基于Windows 的用户界面框架,利用它能够将界面设计和逻辑代码完全分离,而且能够实现很炫的画面效果,当然前提是你对它的使用较为熟悉,笔者目前也是在学习关于界面样式这方面的内容。
kdyonly
2023/03/03
1.2K0
Silverlight学习笔记:改变控件的样式
Silverlight的控件都具有MS为我们赋予的默认样式,虽然这个样式也不怎么难看,但任何产品都很少用这个默认的样式去做最后的呈现,所以我们就需要对其进行修改。
大江小浪
2018/07/25
1K0
Silverlight学习笔记:改变控件的样式
JS如何为表单聚焦控件设置醒目的样式
在用户填写表单时,为了让用户集中精力填写或某一个表单控件,可以通过设置此空间的样式来达到目的
itclanCoder
2023/02/26
7.6K0
JS如何为表单聚焦控件设置醒目的样式
【vue学习】vue改变样式
【vue学习】Vue改变样式 css样式 <style> .mydiv{ width:400px; height:50px; background-color: gray; } .red{ background-color: red; } .yellow{ background-color: yell
Swingz
2020/12/18
6330
React技巧之改变元素样式
原文链接:https://bobbyhadz.com/blog/react-change-style-on-click
chuckQu
2022/08/19
1.3K0
动态传参的方式改变div样式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div{ width: 150px; height: 150px;
江一铭
2022/06/16
2.1K0
动态传参的方式改变div样式
placeholder的字体样式改变,滚动条的颜色改变,ios日期兼容
placeholder: ::-webkit-input-placeholder { color: rgba(153, 153, 153, 0.541);font-size:12px;} :-moz-placeholder {color: rgba(153, 153, 153, 0.541);font-size:12px;} ::-moz-placeholder {color: rgba(153, 153, 153, 0.541);font-size:12px;} :-ms-input-placeh
windseek
2018/06/14
1.7K0

相似问题

幕布申请什么时间邮来?

3494

ftp怎么上传模版?

2273

幕布已经申请,可以先邮寄资料过去吗?

1189

网站的源码怎么上传到服务器上去?

22.3K

域名解析到服务器后访问好慢怎么办?

31.8K
相关问答用户
新浪微博 | 高级总监擅长4个领域
到家集团 | 技术VP擅长5个领域
《用ChatGPT做软件测试》 | 作者擅长5个领域
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档