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

2022-04-12 00:00:00 css antd

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


解决方案

只需将类名称添加到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;
}

相关文章