WordPressの連絡先フォーム7のフィールドの前後にテキストを配置します

Question

WordPressプラグインの連絡先フォームのテキストフィールドの前にテキストを配置する方法を理解しようとしています。

私はこれを追加することにより、フィールド内に置くことをどうにか：

[text your-name placeholder "Your name here"]

しかし、どのように私は、特定の色に内部のテキストの色を変更できますか？

Answer 1

Contact Form 7エディタはHTMLを受け入れます。次のような何かをすることによって、入力上のテキストを取得することができます：

<p> 
    <label>Your Name</label> 
    [text* your-name] 
</p> 

<p> 
    <label>Your Email</label> 
    [email* your-email] 
</p> 

<p> 
    <label>Your Message</label> 
    [textarea your-message] 
</p> 

<p> 
    [submit "Send"] 
</p> 

私はあなたの質問の2番目の部分は、プレースホルダの色のテキストを変更することに信じています。これは大きなサポートはありませんが、以下を実行することで実行できます。

<style> 
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 
    color: pink; 
} 
::-moz-placeholder { /* Firefox 19+ */ 
    color: pink; 
} 
:-ms-input-placeholder { /* IE 10+ */ 
    color: pink; 
} 
:-moz-placeholder { /* Firefox 18- */ 
    color: pink; 
} 
</style>