如何在wordpress中调整联系表格7中的电子邮件字段宽度和高度答案

【问题标题】：How adjust email field width and height in Contact form 7 in wordpress如何在wordpress中调整联系表格7中的电子邮件字段宽度和高度
【发布时间】：2016-08-20 20:08:20
【问题描述】：

我正在使用contact form 7 插件在wordpress 创建一个博客。这里的电子邮件文本框看起来不同。 check here.

我不知道编码的东西。如何使电子邮件文本框看起来像其他文本框？请帮我解决这个问题。

【问题讨论】：

“我不知道编码的东西” - 在 StackOverflow 上的问题中包含的并不是一个很好的行......

标签： css wordpress contact-form-7

【解决方案1】：

它目前看起来不同的原因是这部分 CSS 代码（wp-content/themes/simple-catch/style.css 的第 195 行）：

/* Form */
input[type=text], input.text, input.title, textarea, select {
    background-color:#fff;
    border: 1px solid #ccc;
    color:#aaa;
    padding:9px 10px;
    font-style:italic;
    width: 368px;
    box-shadow: 0 2px 2px #e5e5e5 inset;
    margin: 0 0 20px;
}

如您所见，选择器不包含类型为“电子邮件”的输入，并且您的电子邮件输入没有 text 或 title 类，因此不会在电子邮件字段。

解决方法很简单——把选择器改成这样：

input[type=text], input[type=email], input.text, input.title, textarea, select {

现在样式应该应用于电子邮件输入以及其他文本输入。

【讨论】：

【解决方案2】：

您的插件已将您看到的样式应用到 input[type='email'] 而不是 input[type='text']

您的 wordpress 上是否安装了自定义 CSS 插件？如果是这样，您只需为input[type='email'] 提供与input[type='text'] 相同的属性。您可以在浏览器的开发者模式中找到这些样式

【讨论】：