Wordpress 联系表单7 Css样式

Wordpress 联系表单7 Css样式,wordpress,css,stylesheet,Wordpress,Css,Stylesheet,我最近有一个高级主题,mailchimp的表单看起来很酷 我想知道我是否可以在我的3个基于字段的联系人表单中使用该样式 “请求回拨”-姓名输入字段、号码输入字段和呼叫我按钮 通过Chrome Inspector检查后,以下用于mailchimps表单字段 .subscribe-box .form-control { background: #fff none repeat scroll 0 0; border: 0 none; border-radius: 50px;

我最近有一个高级主题,mailchimp的表单看起来很酷

我想知道我是否可以在我的3个基于字段的联系人表单中使用该样式 “请求回拨”-姓名输入字段、号码输入字段和呼叫我按钮

通过Chrome Inspector检查后,以下用于mailchimps表单字段

.subscribe-box .form-control {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 50px;
    box-shadow: none;
    color: #4c5462;
    font-size: 18px;
    height: 65px;
    padding: 0 158px 0 50px;
}


.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

看起来像这样

因为我想用联系方式。我想让我的表单字段内联(单行),在数字表单字段上有一个调用按钮

像这样的 但不必在手机视图中内联

以下是我的联系方式

[text* text-833 "NAME"] 
[tel* tel-572 "PHONE"] 
[submit "CALL ME"]
欢迎提供任何帮助/意见
关于

从我所读到的内容来看,您在应用这些样式时需要帮助

可以这样做的一种方法是使用自定义CSS编辑器插件,例如。从那里,您可以将这些样式应用于所有表单

另一种方法是使用“类:您的类名”向每个短代码添加一个类。例如:

[text* text-833 "NAME" class:textstyle] 

然后再次从自定义CSS编辑器中应用这些样式。

不,我需要内联表单。在单行中的所有字段中,为了在一行中进行两个输入,您必须执行css,因为这将无法工作,因为它仅用于一个输入