1

我正在处理此页面上的联系表： http ://www.thundermailer.com/contact-us/

我正在使用一个名为 Contact Form 7 的插件。电子邮件字段与其他字段不同，知道如何使其相同吗？

谢谢。

4

3 回答 3

3

问题是您的主题的 CSS 仅针对类型的输入text和password

您需要在当前 CSS 规则上添加电子邮件输入选择器，或者添加一个新规则来设置电子邮件输入所需的所有样式

您需要更改的相关部分是：

blue_theme.css 的第 571 行：

form input[type="text"], form input[type="password"],form input[type="email"], form select, textarea {
    border-top: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    background: #f3f3f3 url(images/input_bg.png) repeat-x;
    color: #868686;
}

和 main.css 的第 1654 行

form input[type="text"], form input[type="password"], form input[type="email"], form select, textarea {
    font-size: 13px;
    margin: 0;
    padding: 8px 6px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    display: block;
}

当然，您也可以将输入的类型更改为，text但是您会失去使用 HTML5 的附加功能，例如移动设备上的自动验证和自定义键盘

于 2013-08-14T16:53:40.430 回答
0

在分析代码时，电子邮件字段的输入类型为“电子邮件”，使其为“文本”。

于 2013-08-14T16:46:05.697 回答
0

您的 css 中有两个地方可以引用表单输入[type="text"]，而无需添加表单输入[type="email"]。

进行这些更改后，它看起来与您的其他输入字段相同。您只需将电子邮件输入字段中的 type='email' 更改为 type='text'; 但是，您可以找到设置边框、背景、填充和其他设置的那两个部分（一个在 main.css 中，一个在蓝色 theme.css 中）。

于 2013-08-14T17:01:09.627 回答