聯繫表格7水印字體顏色

Question

我似乎無法讓我的聯繫人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/

我只是使用Visual Composer和複製嘗試這個2016年5月6日和接觸7形式將此代碼粘貼到一個頁面，它的工作太棒了。使用Visual Composer的前端進行編輯時，點擊齒輪圖標。當我複製和粘貼時，原始代碼中缺少一個支架，這很奇怪，但我手動輸入它並沒有問題。佔位符文本從原來的灰色變爲黑色。