联系表格7- CSS技巧为文本和字段的宽度？
联系表格7- CSS技巧为文本和字段的宽度？
提问于 2017-09-28 04:40:46
我在我的Wordpress网站：http://ppcdigitalblack.com/contact/上做了一个联系表格7
我希望它包括:全名*，电子邮件地址*，消息*和预算下拉列表(不需要)
我想要全名和电子邮件地址在居中的字段框，每个占用一半的空间。我也希望字体是拉托和蓝色..。不知为什么“你的全名”是灰色的！
我试过了这篇博文中的所有技巧，但没有运气：https://deliciousthemes.com/contact-form-7-fields-columns/
所以我想知道这两件事是否有一个CSS技巧，或者你们是否有一个可信的插件来格式化联系人表7，并且可以很好地处理未编码。
这是我为联系人表单编写的代码，试图操作字体：
.contactform {
text-align: center;
font-family: 'Lato';
color: #777777;
}这是我对表单宽度的代码，它实际上给了我一个更好的表单宽度。我只想至少把表单字段放在中间，但理想的情况是把电子邮件和名字放在同一行上！
.wpcf7-form {
max-width: 800px;
margin: 0 auto;
}感谢你的任何想法或建议！
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-09-28 05:41:53
我想这会对你有帮助。
(出于某种原因，“您的全名”是灰色的！)-这是因为其他标签在<p>内部被强暴，而这个标签不是这样的，如果您可以这样做的话，它就可以了。或者你可以用这种风格。
form .contactform>label{
color: #007ec7;
}对于使用font-family: 'Lato';，您最好做以下操作-
在<head>中附加一个字体家族网址如果你还没有-
<link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>你可以按以下方式申请-
form .contactform {
text-align: center;
color: #777777;
font-family: 'Lato', sans-serif;
font-weight: 400;
}对于中心对齐<input>，您可以使用-
form .contactform input[type="text"],form .contactform input[type="email"]{
margin: 9px auto 0 !important;
}希望这能帮上忙。如果还有别的事，请随便问。:)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46461098
复制相关文章
相似问题
腾讯云开发者
