您可以通过使用主题编辑器指定样式来定义自适应表单的整体外观和样式。 此外,您还可以将内联CSS样式应用于单个自适应表单组件,并即时预览更改。 内联样式会覆盖主题中提供的样式。
要向组件添加内联样式,请执行以下操作:
在表单编辑器中打开表单,然后将模式更改为样式模式。 要将模式更改为样式模式,请在页面工具栏中,点按 > Style。
在页面中选择一个组件,然后点按编辑按钮。 在侧栏中打开样式属性。
您还可以从侧栏的表单层次结构树中选择组件。 表单层次结构树在侧栏中可用作表单对象。
您还可以从侧栏中选择组件。 在样式模式下,您可以看到在表单对象下列出的组件。 但是,侧栏中的“表单对象”列表会列出字段和面板等组件。 字段和面板是可包含文本框和单选按钮等组件的通用组件。
从侧栏中选择组件时,您会看到列出的所有子组件以及选定组件的属性。 您可以选择特定的子组件并设置其样式。
单击侧栏中的选项卡以指定CSS属性。 您可以指定以下属性:
同样,您也可以将样式应用于组件的其他部分,如小组件、题注和帮助。
点按完成以确认更改,或点按取消以放弃更改。
以下图像描述了将内联样式应用于文本字段前后的文本字段。
应用内联样式属性之前的文本框组件
请注意,在应用以下CSS属性后,文本框样式发生了更改,如下图所示。
选择器 |
CSS属性 |
值 |
效果 |
字段 |
边框 |
边框宽度= 2像素 边框样式=实线 边框颜色=#1111 |
在字段周围创建一个黑色的2像素宽边框 |
文本框 |
background-color |
#6495ED |
将背景颜色更改为玉米花蓝色(#6495ED) 注意:您可以在值字段中指定颜色名称或其十六进制代码。 |
标签 |
维度和位置>宽度 |
100px |
将标签的宽度修复为100像素 |
字段帮助图标 | 文本>字体颜色 | #2ECC40 | 更改帮助图标面的颜色。 |
长描述 |
text-align |
居中 |
将帮助的长说明与中心对齐 |
式图: 应用内联样式属性后的文本框组件
按照上述步骤,您可以选择其他组件(如面板、提交按钮和单选按钮)并设置其样式。
样式属性因您选择的组件而异。