居中对齐 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
我正在自定义 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