在联系表 7 中设置占位符文本样式

【问题标题】：Styling Placeholder Text in Contact Form 7在联系表 7 中设置占位符文本样式
【发布时间】：2021-10-22 07:14:33
【问题描述】：

是否可以在 Contact Form 7 占位符标签中添加 html 或任何类型的样式？

[text* text-name placeholder "Name"]

但是想包括一些斜体字体，这样有一些强调。我试过了

[text* text-name placeholder "name <em>please list your full name</em>"]

和

[text* text-name placeholder "Name <span>please provide your full name</span>"]

但 HTML 显示而不是样式。

有什么想法吗？

【问题讨论】：

【解决方案1】：

是的，您可以，只需从输入中获取元素 ID（使用 chrome 控制台并检查该字段），搜索，然后在 wordpress 管理面板中转到主题的外观，然后搜索自定义 css 部分。

去那里写这个：

#something_here {
     font-style: italic;
}

别忘了把正确的ID放在“something_here”中

【讨论】：

那是整个占位符的CSS。我正在尝试将代码放在占位符文本中，而不是整个标签中。
如果您需要全部控制来自定义表单，我建议您在wordpress中创建一个模板，调用页眉和页脚函数，并使用phpmailer手动插入表单，然后在wordpress中创建一个新页面面板并选择创建的模板，这样做您将可以完全控制并轻松编辑您的表单。