表单自定义样式

•  设置入口

•  表单设置

•  控件设置

•  CSS设置

•  H5样式设置

简易版表单设计支持自定义表单的样式，包括表单的主题、背景设置，控件样式设置。示例图如下：

表单自定义样式支持定义PC端和H5端的表单样式，包括表单样式设置、控件样式设置和CSS设置。

   设置入口

在表单设计界面，点击右上角的“自定义样式”按钮，进入自定义样式模式。或点击表单设置中自定义样式下方的设置按钮。如下图所示：

   表单设置

在“表单设置”中勾选系统默认主题背景，快速完成设置，如下图：

也可以根据自己的情况自定义设置页面背景、表头内径、内容背景、表单字体和字段字体，如下图所示：

（1）页面背景：用户可以上传页面背景图片和背景颜色，设置图片的对齐方式和透明度。提醒：页面背景：只在外部分发和预览时生效，内部填写时不生效。

（2）表头背景：用户可以上传表头背景图片和背景颜色，设置图片的对齐方式和透明度。提醒：页面背景：只在外部分发和预览时生效，内部填写时不生效。

（3）表头、字段内容的设置：可设置表头（包括标题和描述）和字段（包括标题和内容）的字体样式和颜色，根据需要，字段也可设置间距方式，包括紧凑、正常和宽松三种，如下图所示：

（4）可通过点击“重置表单”样式来重置表单设置过的样式，点击“重置控件”来重置控件的样式，如下图所示：

   控件设置

可以根据自己的情况自定义每个控件的样式，设置标题、描述和内容的字体样式、颜色、字体大小、间距方式，还可以控件的背景颜色、背景透明度、控件高度、控件颜色以及控件形状。如下图所示：

   CSS设置

通过CSS样式自定义控件的样式，让控件的样式修改更加灵活。如下图所示：

   H5样式设置

表单自定义样式可支持h5移动端，可点击上方手机图标切换至移动端预览模式，并且自定义样式给h5表单内置了三种表单样式供您选择，如下图所示：