# Custom Style

You can set own css style via 'Custon Style', this function is available in Advanced.

Custom style is implemented as style overrides, you can overwriting the original style with the new style by adding class name definitions.

# Form Style Customization

  • Input custom class name in 'Custom Class' in 'From Attribute'.

Add the class in <form/>

  • Global or local style definition for form style.
.form-custom{
  padding: 10px;
  background: #eee;
  border: 1px solid #ccc;
}

# Component Style Customization

  • Input custom class name in 'Custom Class' in 'Component Attribute'

  • Global or local style definition for component style
.form-item-custom .el-form-item__label{
  color: blue;
}