跳到内容

编辑和样式化表单提交按钮

上次更新时间: 二月 12, 2025

除非另有说明,否则适用于以下任何订阅

所有产品和计划

编辑表单提交按钮文本

HubSpot 表单的默认提交按钮文本是 "提交"。要编辑提交按钮文本,请

  • 在 HubSpot 帐户中,导航到营销 > 表单
  • 单击表单名称
  • 在表单编辑器中,单击 "提交 "按钮。

  • 在左窗格的标签字段中输入新的提交按钮文本。

  • 在右上角,单击 "发布 "更新实时表单。

在 HubSpot 页面上设计表单提交按钮的样式仅限Marketing Hub BasicProfessionalEnterprise 版)

  • 在内容编辑器中,将鼠标悬停在表单模块上,然后点击编辑样式图标

  • 在左侧窗格中,单击下拉菜单并选择表单按钮
  • 使用选项设置表单提交按钮的样式,例如更改按钮背景颜色或文本字体大小。

  • 在左下方,单击保存并转到模块列表
  • 在右上角,单击发布更新
这将在单个页面上更新表单提交按钮的样式。

为外部页面上的表单提交按钮设计样式仅限Marketing Hub 入门版基本版专业版企业版)

  • 在 HubSpot 帐户中,导航到营销 > 表单
  • 单击表单名称
  • 在表单编辑器中,单击 "样式和预览 "选项卡。
  • 在左窗格中,单击 >样式部分展开。
  • 在 "按钮"部分,使用选项设置表单提交按钮的样式,例如更改按钮背景颜色或文本字体大小。

这样就可以在单个表单的基础上更新表单提交按钮的样式。了解如何自定义表单的全局样式设置

如果你已经取消了表单样式,那么你在表单编辑器的 "样式和预览"选项卡或全局表单样式设置中设置的任何表单样式选项都将不适用。因此,请在外部样式表中使用 CSS 选择器来设置表单提交按钮。例如

input[type="submit"]{ background: #ff0000; }

在 HubSpot 的开发人员文档中了解更多有关 自定义表单嵌入代码的 信息。

New Call-to-action
这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助