2

我似乎无法让我的联系人 7 水印工作，我升级了版本，现在我之前的 css 没有将水印更改为黑色，而且名称和地址框的字体也不同。

网站 =
goo.gl/BIWD3

这是我添加水印然后在以前工作的css中更改它的代码。

.wpcf7 .watermark {
color: black !important;
font-family: arial !important;
}

<div class="bottom-form">

<p style="text=align:left; font-weight:normal; font-family:arial;">
[textarea textarea-251 placeholder "Name and Address"]</p>
<p style="text-align:left;  font-weight:normal;">
 [text telephone placeholder "Telephone"]
</p>
<p style="text-align:left; font-weight:normal">
[text dateandtime placeholder "Date & Time"]
</p>
</div>
4

2 回答 2

3

我的猜测是更新后的插件现在支持HTML5 占位符属性。 尝试在现有.watermark 选择器旁边添加占位符选择器。有很多，因为它们都有供应商前缀；查看此 SO 帖子以获取更多详细信息。

.wpcf7 .watermark {
    color: black !important;
    font-family:'arial', sans-serif;
}
::-webkit-input-placeholder {
    color: black !important;
    font-family:'arial', sans-serif;
}
:-moz-placeholder {
    color: black !important;
    font-family:'arial', sans-serif;
}
::-moz-placeholder {
    color: black !important;
    font-family:'arial', sans-serif;
}
:-ms-input-placeholder {
    color: black !important;
    font-family:'arial', sans-serif;
}

链接到 JSFiddle：http: //jsfiddle.net/fHgae/

我刚刚在 2016 年 5 月 6 日使用 Visual Composer 进行了尝试，并将此代码复制并粘贴到带有联系 7 表单的页面上，效果很好。使用 Visual Composer 前端编辑时单击齿轮图标。当我复制和粘贴时，原始代码中缺少一个括号，这很奇怪，但我手动输入它并没有问题。占位符文本按预期从灰色变为黑色。

于 2013-04-16T12:56:45.160 回答
0

::-webkit-input-placeholder { /* WebKit 浏览器 */

颜色：#000 ！重要；

不透明度：1；

}

于 2019-07-26T13:53:54.577 回答