使用 CSS 自定义表单

您可以使用自定义 CSS 自定义表单的外观。 本教程演示如何为表单中的组件设置不同的背景颜色。

1. 在“ 自定义 CSS ” 属性字段中，键入要在表单中使用的 CSS 类。
   对于此示例，粘贴以下 CSS 类：

   .change {
   background-color:red;
   }
   .spring {
   background-color:green
   }

2. 将鼠标悬停在表单组件上，然后单击“ 编辑”。 在“ 自定义 CSS 类 ” 字段中键入第 1 步中添加的其中一个类。
   1. 在此示例中，编辑 文本字段 组件，并将 change CSS 类粘贴到 自定义 CSS 类 字段中。
      观察保存后的组件变为红色。
      
      

      

      
      
   2. 编辑 文本区域 组件，然后将 spring CSS 类粘贴到 自定义 CSS 类 字段中。
      保存后，观察组件变为绿色。
      
      

      

      
      

要了解本教程的制作和效果，请观看下面的视频：