【问题标题】: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'] 相同的属性。您可以在浏览器的开发者模式中找到这些样式

    【讨论】:

      猜你喜欢
      • 2016-10-29
      • 2014-09-11
      • 2019-11-17
      • 1970-01-01
      • 1970-01-01
      • 2013-02-07
      • 2017-06-23
      • 2016-08-12
      • 1970-01-01
      相关资源
      最近更新 更多