如何更改Hubspot表单字段中“提示”文本的文本颜色(不是用户输入的文本,而是提示文本,例如“名字”)?

4 浏览
0 Comments

如何更改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表单设置的问题,但我很难确定是什么定义了内联表单字段“提示”的颜色。

感谢任何帮助或建议。

0
0 Comments

问题的原因是用户想要更改Hubspot表单字段中"hint"文本的文本颜色,而不是用户输入的文本。解决方法是使用CSS选择器::placeholder,并通过以下链接了解如何使用它:https://www.w3schools.com/howto/howto_css_placeholder.asp。还可以参考这个主题以获得跨浏览器的解决方案:Changing the color of placeholder text of a select element。根据之前的回答,这个解决方法是有效的。

0