如何修改ant表单校验的错误提示的样式

Ant Design提供了修改表单校验错误提示样式的方法。

你可以使用`Form`组件的`validateMessages`属性来指定每个表单项的错误提示信息。这个属性的值是一个对象，它的每个属性都对应一个表单项的校验规则，如下所示：

<Form
  validateMessages={{
    required: '请输入${label}',
    types: {
      email: '请输入有效的${label}',
    },
    // 更多校验规则...
  }}
>
  {/* 表单项... */}
</Form>

在这个对象中，每个属性的键都是校验规则的名称，如`required`表示必填，`types.email`表示邮箱格式等。对于每个规则，你可以指定一条错误提示信息，用`${label}`来表示当前表单项的标签文本。

如果你想修改错误提示的样式，可以在这个提示信息中加入HTML标签或CSS类名。例如，下面的代码将在错误提示中加入一个`span`标签，并指定一个CSS类名：

<Form
  validateMessages={{
    required: '请输入<span class="error-label">${label}</span>',
    types: {
      email: '请输入有效的<span class="error-label">${label}</span>',
    },
    // 更多校验规则...
  }}
>
  {/* 表单项... */}
</Form>

<style>
  .error-label {
    color: red;
  }
</style>

上面的代码会将所有的错误提示都包裹在一个`span`标签中，并给这个标签指定一个类名`error-label`，这个类名在下面的样式中被定义为红色。你可以根据需要修改这个样式。