我似乎无法让我的 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>
最佳答案
我的猜测是更新后的插件现在支持 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 前端编辑时单击齿轮图标。当我复制和粘贴时,原始代码中缺少一个括号,这很奇怪,但我手动输入它,没有问题。占位符文本按照预期从灰色变为黑色。
关于css - 联系表格7水印字体颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16037196/