Question

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

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

Answer 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，因此此规则不是' t在电子邮件字段中触发。

解决方案非常简单 - 将选择器更改为：

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

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

Answer 2

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

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

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

2 个答案: