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

Question

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

Answer 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;
}

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

how do I change or override a antd element style

css

antd