将文本放置在联系表单的前后字段中7 for Wordpress

问题描述:

我想弄清楚如何将文本放在WordPress插件的文本字段之前联系表单7.我该怎么做?将文本放置在联系表单的前后字段中7 for Wordpress

我设法把它里面的字段加入这样的:

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

但是,我怎么改变文本的颜色里面是一种特定的颜色?

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> 

我相信你问题的第二部分涉及改变占位彩色文本。这没有很好的支持,但可以通过以下操作完成。

<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> 
+0

谢谢,但我希望标签文本位于方框左侧,而不是上方。对不起,不清楚。 我应该在哪里写上你写的最后一个代码?我尝试在自定义CSS中,但它不起作用。 – Henrik

+0

这工作对我来说: 使用::占位符https://css-tricks.com/almanac/selectors/p/placeholder/ – Henrik