如何为表单脚本添加样式？修改表单span标签的字体颜色与字体族

你不需要修改这段JavaScript代码，直接用CSS就能修改表单里span标签的字体颜色和字体族，具体操作如下：

• 找到你网页里的<style>标签（如果没有，就在页面的<head>区域新增一个）
• 把下面的CSS代码添加进去，根据需求替换颜色值和字体族：

/* 针对HubSpot表单内所有span标签设置样式 */
.hs-form-field span {
    color: #ff0000; /* 替换成你需要的颜色，比如#333333是深灰色 */
    font-family: "Arial", sans-serif; /* 替换成你需要的字体，比如"微软雅黑", sans-serif */
}

如果只想针对表单的标签文本（比如“姓名”“邮箱”这类提示文字），可以用更精准的选择器：

/* 仅针对表单的标签文本span */
.hs-form-field .hs-label span {
    color: #2c3e50;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

把这段CSS代码放到网页<head>区域的<style>标签内即可，示例如下：

<head>
    <!-- 其他头部内容 -->
    <style>
        .hs-form-field .hs-label span {
            color: #2c3e50;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        }
    </style>
</head>

表单加载后，对应的span标签就会自动应用你设置的字体样式。

内容的提问来源于stack exchange，提问作者Fran Tan