下面是一些实现这一点的方法。

如果使用的是自定义主题，则可以编辑该样式。css并在那里进行所需的样式更改。

如果您使用的是升级的标准主题，则可以child theme 这样样式表就不会被覆盖。

您可以创建自己的样式表link 将其添加到标题中。您正在使用的主题中的php。

我的网站还使用带有自定义样式和引导的联系人表单7：http://splash.inting.org/wp/

以下是您的选择：

1） 在构建表单时，请使用其他html元素（使用相关类）将字段括起来，如下所示：

<div class="control-group">
    <label class="control-label" for="input01">First Name*</label>
    <div class="controls">
        [text* FirstName id:FirstName class:input-xlarge]
    </div>
</div>

2） 创建自定义。css文件并更新当前主题的标题。php，确保最后添加样式表（就在关闭标题之前）。如果它是最后添加的，则不太可能被主题或插件样式覆盖。

3） 使用！css类和id定义很重要，这样它们就不会被其他样式覆盖

我所做的只是阻止加载插件的捆绑样式表。记录于http://contactform7.com/controlling-behavior-by-setting-constants/ 看起来是这样的：

/* Settings for Contact Form 7 */
define(\'WPCF7_LOAD_CSS\', false);

这样做的结果是形成一个没有任何特殊样式的表单。这似乎是额外的工作，但实际上更适合集成到现有主题中，因为表单的布局和外观可以完全控制。

例如，我的联系人表单样式如下所示：

.wpcf7-form { margin-top: 1em; }
.wpcf7-form fieldset p { margin: 0; }
.wpcf7-form label { display: block; float: left; clear: left; width: 150px; text-align: right; margin-right: 5px; margin-bottom: 1.5em; }
.wpcf7-form input[type="text"], .wpcf7-form textarea { display: block; float: left; width: 250px; margin-top: 0; }
.wpcf7-form textarea { width: 450px; }
.wpcf7-form fieldset.submit { margin-top: 1em; position: relative; }
.wpcf7-form input[type="submit"] { display: block; margin-left: 154px; width: 150px; }

.wpcf7-display-none { display: none; }
.wpcf7-response-output { margin: 0 155px; border: 1px solid #000; padding: 0.5em; top: -1em; position: relative; }
.wpcf7-mail-sent-ok { border-color: #398f14; }
.wpcf7-mail-sent-ng { border-color: #ff0000; }
.wpcf7-spam-blocked { border-color: #ffa500; }
.wpcf7-validation-errors { border-color: #f7e700; }
.wpcf7 img.ajax-loader { margin: 1em 0 0 155px; }

span.wpcf7-form-control-wrap { position: relative; float: left; }
span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; background: #fff; border: 1px solid #ff0000; font-size: 0.9em; padding: 0.2em; }
span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; }

这是一个常见的误解，即联系人表单7（CF7）插件通过插件CSS样式表控制CF7表单的外观。事实上，Contact Form 7插件只使用了非常少的CSS样式，以允许CF7表单与大多数网站融合。

您网站上CF7表单的实际外观在很大程度上取决于当前使用的WordPress主题以及该主题应用于标准HTML表单元素的CSS样式。要更改CF7表单的外观以满足您的需求，您需要调整当前主题为这些HTML表单元素使用的CSS。

Use a Child Theme to make changes to your CF7 forms CSS

风格。子主题的css文件通常通过在子主题的样式顶部包含以下css代码来从父主题导入所有样式。css文件。

/* Import Parent Theme */
@import url(\'../parent-theme/style.css\');

下面是一些实现这一点的方法。

如果使用的是自定义主题，则可以编辑该样式。css并在那里进行所需的样式更改。

如果您使用的是升级的标准主题，则可以child theme 这样样式表就不会被覆盖。

您可以创建自己的样式表link 将其添加到标题中。您正在使用的主题中的php。

我的网站还使用带有自定义样式和引导的联系人表单7：http://splash.inting.org/wp/

以下是您的选择：

1） 在构建表单时，请使用其他html元素（使用相关类）将字段括起来，如下所示：

<div class="control-group">
    <label class="control-label" for="input01">First Name*</label>
    <div class="controls">
        [text* FirstName id:FirstName class:input-xlarge]
    </div>
</div>

2） 创建自定义。css文件并更新当前主题的标题。php，确保最后添加样式表（就在关闭标题之前）。如果它是最后添加的，则不太可能被主题或插件样式覆盖。

3） 使用！css类和id定义很重要，这样它们就不会被其他样式覆盖

我所做的只是阻止加载插件的捆绑样式表。记录于http://contactform7.com/controlling-behavior-by-setting-constants/ 看起来是这样的：

/* Settings for Contact Form 7 */
define(\'WPCF7_LOAD_CSS\', false);

这样做的结果是形成一个没有任何特殊样式的表单。这似乎是额外的工作，但实际上更适合集成到现有主题中，因为表单的布局和外观可以完全控制。

例如，我的联系人表单样式如下所示：

.wpcf7-form { margin-top: 1em; }
.wpcf7-form fieldset p { margin: 0; }
.wpcf7-form label { display: block; float: left; clear: left; width: 150px; text-align: right; margin-right: 5px; margin-bottom: 1.5em; }
.wpcf7-form input[type="text"], .wpcf7-form textarea { display: block; float: left; width: 250px; margin-top: 0; }
.wpcf7-form textarea { width: 450px; }
.wpcf7-form fieldset.submit { margin-top: 1em; position: relative; }
.wpcf7-form input[type="submit"] { display: block; margin-left: 154px; width: 150px; }

.wpcf7-display-none { display: none; }
.wpcf7-response-output { margin: 0 155px; border: 1px solid #000; padding: 0.5em; top: -1em; position: relative; }
.wpcf7-mail-sent-ok { border-color: #398f14; }
.wpcf7-mail-sent-ng { border-color: #ff0000; }
.wpcf7-spam-blocked { border-color: #ffa500; }
.wpcf7-validation-errors { border-color: #f7e700; }
.wpcf7 img.ajax-loader { margin: 1em 0 0 155px; }

span.wpcf7-form-control-wrap { position: relative; float: left; }
span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; background: #fff; border: 1px solid #ff0000; font-size: 0.9em; padding: 0.2em; }
span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; }

这是一个常见的误解，即联系人表单7（CF7）插件通过插件CSS样式表控制CF7表单的外观。事实上，Contact Form 7插件只使用了非常少的CSS样式，以允许CF7表单与大多数网站融合。

您网站上CF7表单的实际外观在很大程度上取决于当前使用的WordPress主题以及该主题应用于标准HTML表单元素的CSS样式。要更改CF7表单的外观以满足您的需求，您需要调整当前主题为这些HTML表单元素使用的CSS。

Use a Child Theme to make changes to your CF7 forms CSS

风格。子主题的css文件通常通过在子主题的样式顶部包含以下css代码来从父主题导入所有样式。css文件。

/* Import Parent Theme */
@import url(\'../parent-theme/style.css\');