如何更改Hubspot表单字段中“提示”文本的文本颜色(不是用户输入的文本,而是提示文本,例如“名字”)?
如何更改Hubspot表单字段中“提示”文本的文本颜色(不是用户输入的文本,而是提示文本,例如“名字”)?
这适用于任何带有表单的页面,但以下是一个示例:https://www.sevensteprpo.com/contact
“first name”,“email”和其他内联表单字段提示(而不是表单标签)都是白色的。我的问题是检查工具没有告诉我是什么导致了字体颜色,以便我知道要定位哪些内容来更改颜色。如果我右键单击->检查,它会显示我应用于表单输入框的内容,但白色文本不在计算或样式下列出,所以我不知道如何获得那些信息。
当我检查表单字段时,我得到以下目标/样式:
.lp-body-form表单输入[type=email],.lp-body-form表单输入[type=tel],.lp-body-form表单输入[type=text],.lp-body-form表单选择,.lp-body-form表单文本区域{
背景:透明;
边框:0;
下边框:2px实心hsla(0,0%,100%,.2);
颜色:#fff;
字体:Source Sans Pro,sans-serif;
字体大小:18px;
下边距:20px;
下内边距:15px;
宽度:100%;
}
如果我尝试将颜色改为除#fff之外的颜色,它不起作用(即使是!important)。而且,只有更改颜色才会更改2个提示的颜色:“请选择...”和“最佳描述...”,而不是像“名字”或“电子邮件”之类的其他提示。
这可能是Hubspot表单设置的问题,但我很难确定是什么定义了内联表单字段“提示”的颜色。
感谢任何帮助或建议。
问题的原因是用户想要更改Hubspot表单字段中"hint"文本的文本颜色,而不是用户输入的文本。解决方法是使用CSS选择器::placeholder,并通过以下链接了解如何使用它:https://www.w3schools.com/howto/howto_css_placeholder.asp。还可以参考这个主题以获得跨浏览器的解决方案:Changing the color of placeholder text of a select element。根据之前的回答,这个解决方法是有效的。