css - 接触 7 形式延伸到所需宽度之外

标签 css wordpress forms contact-form-7

我的 Contact 7 Form 样式的宽度一直有问题,这让我抓狂。

http://www.sportshosts.com/

  1. 顶部表单 - 按钮不会与字段垂直对齐

  2. 顶部表单 - 当您缩小窗口时,它会立即堆叠并且按钮变为全宽,而字段保持一个大小

  3. 底部表单 - 按钮和文本字段的宽度不同

http://www.sportshosts.com/news/buy-cheap-sports-tickets-online/

  1. 顶级表格 - 字段延伸到区域之外

我发现这段代码可以添加到我的自定义 CSS 中,但我不确定它是否真的做了任何事情

.wpcf7
{
    display: -moz-inline-stack;
    display: inline;
    zoom: 1;
    *display: inline;
}

提前致谢!

最佳答案

.wpcf7-form .wpcf7-form-control-wrap { 
display: block;
}

关于css - 接触 7 形式延伸到所需宽度之外,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41613765/

相关文章:

java - 在实践中,如何使结果集不等于NULL?

python - Django 中的动态表单要求

PHP : wp_nav_menu adding icons

css - 在 jQuery Mobile 中定位表单元素

html - 中心 Bootstrap 导航栏

css - JavaFX TableView 换行文本选中行文本颜色

php - 在 WordPress 中设置 cookie 时未返回正确的输出

html - SCSS 到 Style.css

css - @keyframes 动画中的时间

CSS3 渐变和边框半径导致 webkit 中的无关背景