how do I change or override a antd element style(如何更改或覆盖antd元素样式)

本文介绍了如何更改或覆盖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;
}

这篇关于如何更改或覆盖antd元素样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！