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 を使用してこれを試し、このコードを contact 7 フォームのあるページにコピー アンド ペーストしたところ、うまくいきました。Visual Composer のフロント エンドを使用して編集する場合は、歯車のアイコンをクリックします。コピーして貼り付けたときに元のコードに角かっこがありませんでしたが、これは奇妙でしたが、手動で入力しても問題ありませんでした。プレースホルダーのテキストは、想定どおりにグレーから黒になりました。

于 2013-04-16T12:56:45.160 に答える