样式配置

为提升表单组件的视觉灵活性和适配性，支持对组件的样式进行高度自定义配置，包括基础样式、视觉效果和扩展属性。用户可通过配置对象或界面化工具快速调整组件外观，满足不同场景的设计需求；如果你希望把通用样式沉淀为统一资源或从代码侧批量导入，也可以继续参考预定义全局数据中的全局样式能力。

核心样式配置项

类别	配置项	说明
布局与间距	margin/padding	设置组件的外边距和内边距，支持像素值（如 10px）或简写（如 5px 10px）
尺寸与定位	width /height	定义组件的宽度和高度，支持固定值（如 200px）或百分比（如 50%）
颜色	color	设置文本颜色（如 #333或 rgba(0,0,0,0.8)）
背景	backgroundColor	设置背景颜色或背景图（如 #f5f5f5或 url('bg.png')）
边框	border	配置边框样式，包括宽度（如 1px）、颜色（如 #ccc）和线性样式（如 solid、dashed）。
圆角	borderRadius	设置圆角值（如 4px或50%实现圆形）。
字体	fontFamily/fontSize	定义字体类型（如 Arial）和大小（如 14px）
阴影	boxShadow	添加阴影效果（如 0 2px 4px rgba(0,0,0,0.1)）
透明度	opacity	设置透明度（如 0.8表示 80% 不透明）
缩放	transform: scale()	支持缩放效果（如 scale(1.1)放大 10%）
自定义属性	customstyles	允许通过键值对形式扩展任意样式（如 '--custom-var': 'value'）

功能说明

全局样式

支持设置class全局样式，统一撰写组件样式之后，可在多个组件中进行使用。对于企业统一主题、品牌色、公共按钮样式这类会被多表单复用的内容，建议优先沉淀为全局样式，后续维护会更轻松。

布局与间距

支持用户自定义设置布局的内外边距，设置方式如下图：

边距设置完成之后的展示效果如下：

尺寸

支持用户自定义设置字段组件的宽度、高度，及溢出时的处理方式。

设置完成之后的展示效果如下：

其他设置

支持用户自定义设置组件的布局、颜色、背景色、边框、圆角、字体、阴影、透明度、缩放等。若某些样式需要跟随业务状态动态切换，也可以在事件中结合表单 API修改规则或类名，实现运行时样式联动。