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被什么选择器控制的，然后你就把这个选择器的样式重写就可以了