antd里面的 form验证 信息 message如何自定义样式啊

Question

antd里面的 form验证 getFieldDecorator 里面的rules 里面的验证提示信息message如何自定义样式啊 ，我要扩展一下提示样式。在提示里面需要加元素
<FormItem

          {...formItemLayout}
                    label={(
                      <span>
                        联系人邮箱&nbsp;
                      </span>
                    )}
                  >
                    {getFieldDecorator('mail', {
                      rules: [{ required: true, message: '请填写你的邮箱', whitespace: true},{
                        type: 'email', message: '邮箱地址不正确!',
                      }]
                    })(
                      <Input placeholder="填写邮箱" />
                    )}
          </FormItem> 
          
          
          message如何扩展成比如我想修改成tip 小三角 的提示方式怎么修改

Answer 1

当message出现时，你用f12查看这个message被什么选择器控制的，然后你就把这个选择器的样式重写就可以了