在 GemPages 中构建联系表单时,您可能希望电子邮件字段或文本字段中的占位符文本居中显示,以获得更简洁、更平衡的设计。
默认情况下,占位符文本左对齐。但是,您可以使用一小段 CSS 代码轻松自定义其对齐方式。 在本指南中,您将学习如何使用自定义代码将占位符文本居中显示在输入字段内。
步骤 1:选择输入字段元素
在 GemPages 编辑器中打开您的页面。
在你里面 联系表格单击要将占位符文本居中显示的电子邮件字段或文本字段元素。
步骤 2:打开自定义代码面板
右键单击选定的元素。然后选择 自定义代码。 这将打开该特定元素的自定义代码编辑器。
步骤 3:添加 CSS 代码
将以下代码粘贴到“自定义代码”框中:
ElementClass input::placeholder { text-align:center; }
重要注意事项
更换 元素类 使用元素的实际类名。
在选中元素后,您可以在编辑器左上角找到元素类。
计费示例:
.gf-input-123 输入::占位符 { text-align:center; }
结果:



谢谢您的意见