react-ant 修改antDesign 样式

需求:想修改antDesign样式发现修改不了

解决: 一定要在样式外面加上:global

写全局样式 :

js:

 <Form onSubmit={this.handleSubmit} className="account-form">
          <Form.Item label="邮箱">
            <Input type="email"/>
          </Form.Item>
          <Form.Item label="密码">
            <Input type="password"/>
          </Form.Item>
          <Form.Item label="确认密码">
            <Input type="password"/>
          </Form.Item>
          <Form.Item>
            <Button className="btn" type="primary">注册</Button>
          </Form.Item>
        </Form>

scss:

:global{
     .account-form{
        background-color: red;
    }
}