更改电子邮件和文本字段元素中的占位符文本颜色

占位符文本是指在用户输入任何内容之前显示在字段内的浅色文本，例如：

• “请输入您的电子邮件地址”
• “你的名字”
• 电话号码

自定义占位符颜色可以帮助您的表单与您的商店品牌相匹配，并提高页面的整体设计一致性。

步骤 1：打开元素设置

首先，打开 GemPages 中的页面编辑器。

然后：

• 将鼠标悬停在 电邮 or 文本域 您想要自定义的元素
• 右键单击该元素
• 选择 自定义代码

这样就可以专门为该元素添加自定义 CSS。

步骤 2：添加占位符颜色代码

将以下代码粘贴到自定义代码部分：

.ElementClass::placeholder {

  颜色：#000000 ！重要；

}

步骤 3：替换颜色值

更换 #000000 选择您喜欢的颜色。

您可以使用：

• 颜色名称
• 十六进制颜色代码
• RGB值

以下是一些可以查找颜色名称和十六进制代码的热门网站：

• 颜色选择器 — https://htmlcolorcodes.com/
• 冷却器 — https://coolors.co/
• Adobe Color — https://color.adobe.com/
• CSS渐变 — https://cssgradient.io/