如何更改或覆盖 antd 元素样式

【问题标题】：how do I change or override a antd element style如何更改或覆盖 antd 元素样式
【发布时间】：2021-12-07 11:56:34
【问题描述】：

我需要更改 antd 表单元素样式，即标签和选择，但是通过更改 antd 元素 css (antd-form-item) 会更改与其关联的所有元素。添加内联样式也不起作用，也尝试创建自己的类名但仍然不起作用

【问题讨论】：

标签： css antd

【解决方案1】：

只需将 className 添加到 Form.Item 组件并覆盖它的子 css：

  <Form.Item className="my-select" label="Select">
    <Select>
      <Select.Option value="demo">Demo</Select.Option>
    </Select>
  </Form.Item>


.my-select .ant-form-item-label label {
  color: red;
}

【讨论】：