如何更改或覆盖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;
}
相关文章