activities
latest
false
重要 :
请注意,此内容已使用机器翻译进行了部分本地化。 新发布内容的本地化可能需要 1-2 周的时间才能完成。
UiPath logo, featuring letters U and I in white

工作流活动

上次更新日期 2026年2月17日

将开发者工具与表单一起使用

您可以使用开发者工具试验表单外观或布局。每当运行表单时,如果您右键单击它,然后选择“检查” ,则系统将打开开发者工具。本教程演示如何在开发者工具中试验 CSS 样式。此示例演示如何更改数据网格中所有文本字段标题的颜色。

备注:

您在开发者工具中应用的更改是临时性的。如果要将它们永久应用于表单,则必须在表单的“自定义 CSS ”属性字段中输入自定义 CSS 代码,然后使用表单的“自定义 CSS 类”属性将其应用于要设置样式的每个组件组件。

  1. 运行包含数据网格的表单,其中包含文本字段组件。

  2. 在表单中单击右键,然后选择“检查”

  3. 要将焦点放在要应用 CSS 样式的确切元素上,请选择docs image键,或按Ctrl + Shift + C 。现在,您可以选择“文本字段”组件的标题。

  4. 在开发者工具的“样式”部分中,您可以看到各种 CSS 类。在此示例中,找到.table类并将color属性更改为violet

    docs image

  5. 现在,让我们将此颜色永久应用于数据网格。在表单的“属性”面板中,在“自定义 CSS”字段中输入以下 CSS 类:

    .color-change {
        color: violet
        }
    .color-change {
        color: violet
        }
    
  6. 在表单中编辑“文本字段” ,然后转到“显示”选项卡。

  7. 自定义 CSS 类中,输入您在第五步添加的自定义 CSS 类。

    docs image

保存组件并查看结果。

此页面有帮助吗?

获取您需要的帮助
了解 RPA - 自动化课程
UiPath Community 论坛
Uipath Logo
信任与安全
© 2005-2026 UiPath。保留所有权利。