联系人表单7水印字体颜色

Question

我似乎不能让我的contact 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>

Answer 1

我的猜测是，更新后的插件现在支持HTML5 placeholder attribute.尝试在现有的.watermark选择器旁边添加占位符选择器。它们有很多，因为它们都有供应商前缀；有关更多详细信息，请查看this SO post。

.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进行了尝试，并将此代码复制并粘贴到具有contact 7表单的页面上，效果非常好。使用Visual Composer的前端进行编辑时，单击齿轮图标。当我复制和粘贴的时候，原始代码中有一个括号丢失了，这很奇怪，但我手动输入了它，没有问题。占位符文本按照预期从灰色变为黑色。

Answer 2

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

颜色：#000！重要；

不透明度: 1；

}