Css 联系方式7水印字体颜色

我似乎无法让我的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>

.wpcf7.水印{
颜色：黑色！重要；
字体系列：arial！重要；
}

[textarea textarea-251占位符“姓名和地址”]

[文本电话占位符“电话”]


[文本日期和时间占位符“日期和时间”]

我猜更新后的插件现在支持 尝试将占位符选择器添加到现有的

.watermark

选择器旁边。它们有很多，因为它们都有供应商前缀；查看更多详细信息

.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;
}

链接到JSFIDLE:

---

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

：：-webkit输入占位符{/*webkit浏览器*/

颜色：#000！重要

不透明度：1

---

}

我尝试了这个方法，但它似乎仍然无法识别，在inspect元素中，我看不到任何用于水印的css类；不同的占位符选择器需要单独列出，否则无法识别。此外，前面的选择器不能放在它们前面。我将编辑上面的示例编辑上面的代码以分离规则；如果一组选择器包含无效选择器，浏览器将忽略整个组。经过测试并在Safari工作。似乎仍然没有改变任何事情。为我工作；您使用的是哪种浏览器？