自适应表单组件的内联样式

您可以通过使用主题编辑器指定样式来定义自适应表单的整体外观和样式。 此外，您还可以将内联CSS样式应用于单个自适应表单组件，并即时预览更改。 内联样式会覆盖主题中提供的样式。

应用内联CSS属性

要向组件添加内联样式，请执行以下操作：

1. 在表单编辑器中打开表单，然后将模式更改为样式模式。 要将模式更改为样式模式，请在页面工具栏中，点按 > Style。

2. 在页面中选择一个组件，然后点按编辑按钮。 在侧栏中打开样式属性。

   您还可以从侧栏的表单层次结构树中选择组件。 表单层次结构树在侧栏中可用作表单对象。

   您还可以从侧栏中选择组件。 在样式模式下，您可以看到在表单对象下列出的组件。 但是，侧栏中的“表单对象”列表会列出字段和面板等组件。 字段和面板是可包含文本框和单选按钮等组件的通用组件。

   从侧栏中选择组件时，您会看到列出的所有子组件以及选定组件的属性。 您可以选择特定的子组件并设置其样式。

3. 单击侧栏中的选项卡以指定CSS属性。 您可以指定以下属性：

   • Dimension和位置（显示设置、内边距、高度、宽度、边距、位置、z-index、浮动、清除、溢出）
   • 文本（字体系列、粗细、颜色、大小、行高和对齐方式）
   • 背景（图像和渐变、背景颜色）
   • 边框（宽度、样式、颜色、半径）
   • 效果（阴影、容量）
   • 高级（允许您为组件编写自定义CSS）

4. 同样，您也可以将样式应用于组件的其他部分，如小组件、题注和帮助。

5. 点按​完成​以确认更改，或点按​取消​以放弃更改。

示例：字段组件的内联样式

以下图像描述了将内联样式应用于文本字段前后的文本字段。

应用内联样式属性之前的文本框组件

请注意，在应用以下CSS属性后，文本框样式发生了更改，如下图所示。

式图： 应用内联样式属性后的文本框组件

按照上述步骤，您可以选择其他组件（如面板、提交按钮和单选按钮）并设置其样式。