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