我用这个解决了这个问题：

.wpcf7-form.init label{width:100%; max-width:inherit;}

input[type=text], #respond textarea, .post-password-form input[type=password], .wpcf7-form-control.wpcf7-date, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-quiz, .wpcf7-form-control.wpcf7-select, .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea {
    width: 59%;
    margin-bottom: 24px;
    padding: 17px 30px;
    border: 1px solid #ccc;
    outline: 0;
    font-size: 15px;
    color: #797979;
    font-family: "Crimson Text",serif;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

你必须改变“宽度”元素，以百分比表示。

检查浏览器上的文本字段，并根据范围将相同的样式应用于分配给输入的类。我认为联系人表单input通常有一个类名“input”。像这样的东西可能会有帮助

.et_pb_contact p input
{
background-color: #fff;
color: #000;
width: 50%;
}

它可能不起作用，因为插件css样式被其他样式覆盖。您可能需要将!important添加到您的属性，如下所示。

input[type="text"] {
  background-color: #fff;
  color: #000;
  width: 50% !important;
}

这通常不推荐参见本文https://uxengineer.com/css-specificity-avoid-important-css/。
最好的方法是在CSS样式之前添加一个类或id，以便只对该元素应用样式。查看下面的完整代码：

#form_container_with_contact_form input[type="text"] {
    background-color: #fff;
    color: #000;
    width: 50%;
}

如果你想调整你所有的字段宽度为100%，你可以简单地使用这个css：

input {
 width: 100%;
}

如果需要指定某些字段：

input[type="text"] {
 width: 100%;
}

如前所述，有一个styling guide。

下面的示例用于联系表单7 WordPress-内部表单编辑部分-使用**“80/"或“40/"取决于您想要的大小或80 x10****用于文本区域**

<label> name
    [text* your-name autocomplete:name **80/**] </label>

<label> email
    [email* your-email autocomplete:email **80/**] </label>

<label> subject
    [text* your-subject **80/**] </label>

或

<label> name
    [text* your-name autocomplete:name **80/**] </label>

<label> email
    [email* your-email autocomplete:email **80/**] </label>

<label> subject
    [text* your-subject **80x10**] </label>