几下即可增加边框半径

[Dimaeiya333]

通过将联系表单模板嵌入到页面中，我们现在可以自定义表单样式。我们可以编辑字段、标签、按钮等的样式。

在我们的表单上，我们使用字段样式 设置，只需单击和颜色。

在 Elementor 中编辑字段样式
您可以看到，只需进行几个快速定制就能对表单页面的样 美籍华人数据 式产生很大的影响。

您会想出什么样的造型？

在 Elementor 中查看联系表单字段
自定义表单样式完成后，请务必发布表单页面。

只需单击底部工具栏上的“发布”按钮即可。

在 Elementor 中发布页面
现在，我们将在此基础上使用 Elementor 定制更多表单页面。

在 Elementor 中创建您的联系表单！

时事通讯注册表
您可能希望在网站上使用的另一种常见表格类型是新闻通讯注册表。

要在 Elementor 中自定义此表单，您需要从上面的第一步开始：使用 Elementor 添加和编辑新页面，使用 WPForms 块添加新表单，然后选择要用作表单的模板。

由于此表单是您的网站访问者用来注册接收您的新闻稿的表单，因此您需要一个包含用于收集他们的姓名和电子邮件地址的字段的模板。

因此，我们将使用新闻通讯注册表单模板。

时事通讯注册表单模板
然后，您可以使用表单生成器来包含其他字段，如条款和条件复选框、自定义 CAPTCHA以防止垃圾邮件注册，甚至地理位置功能。

至于确认信息，模板将再次为您处理。

编辑新闻稿确认信息
与往常一样，我们鼓励您写下您希望新订阅者收到的任何消息。同时，它说：“感谢您注册新闻通讯！我们很快就会联系您。”

退出前，请不要忘记在完成新闻通讯注册表后保存它。

然后，回到 Elementor，我们可以再次自定义表单的样式。这次，让我们更改字段样式、 标签样式和按钮样式。

我们将继续在此处自定义字段样式，就像我们在上面的联系表单上所做的那样：将边框半径增加到 10 像素并将其颜色更改为黑色。

现在，让我们关注标签样式。为了使表单上的标签更加突出，请增加其大小。我们还可以选择一种有趣的颜色来显示错误消息。您可以看到字段标签上的星号使用了这种颜色。

在 Elementor 中编辑标签样式
然后，将注意力转向“提交”按钮。

正如您在表单上看到的，我们使用了按钮样式来增加按钮的大小，并使用背景和边框的颜色来匹配我们其余的样式。

在 Elementor 中编辑按钮样式
为了获得完美的颜色匹配，我们只需复制使用标签样式中的颜色选择器选择的粉红色，然后将其粘贴到按钮样式的背景颜色选择器中。