居中对齐 Contact Form 7 字段

Center allign Contact Form 7 fields

我正在自定义 Contact Form 7,但在 allign 然后居中时遇到问题。

只有message label可以定位,其他都在,而且大小不一样。

我插入了这个CSS:

.no-touchevents a:hover{text-decoration:none;}
a:active{background-color:transparent;}
input,
textarea,
select{
width: 80%;
display: block;
margin: auto;
}

这个CSS只增加下拉标签的宽度,但不使居中。如何使联系表中的所有字段居中并具有相同的宽度?我处理联系表的网站是 link.

您应该使用 class .wpcf7-form-control.

添加 max-width 和 margin: 0 auto 属性到输入

这是我在 Chrome 检查器中处理它的截图:http://www.screencast.com/t/ygBP3eQn9jQu