css - 联系表格 7 - 将输入字段居中

Question

我的主页上有一个联系表 7:http://grownowsma.com/

我一直在努力让输入字段居中。我尝试了一些我以前用过的技巧和其他 Stack Overflow 问题的答案，但出于某种原因没有运气。

我试过这个技巧:http://www.screencast.com/t/ygBP3eQn9jQu

我在 CSS 中尝试了这些:

.contactform input[type="text"],form .contactform input[type="email"]{
    margin: 9px auto 0 !important;
}

还有这个:

.wpcf7-form-style {
    max-width: 800px;
    margin: 0 auto;
    float: none;
    display: block;
}

都没有运气。一直在inspector里面瞎折腾了一段时间，一直改不了。对于选择器或属性的任何其他建议可以尝试？

Answer 1

您没有包含 contactform 类的元素，因此您无法选择其下方的输入。要么在你的帖子中的表单简码周围添加它，要么使用不同的选择器，例如.home .wpcf7-form input[type="text"], .home .wpcf7-form input[type="email"] 假设您没有在主页上添加第二个 CF7 表单你不想让输入居中。

除此之外，margin: auto; 应该能很好地工作。