要更改 Antd Form.Item 的标签文本颜色,可以使用自定义样式来覆盖默认样式。以下是一个解决方法,包含代码示例:
创建一个自定义的样式文件,比如custom.css
,并将其导入到你的项目中。
在custom.css
文件中,使用以下代码来更改标签文本的颜色:
.ant-form-item-label > label {
color: red; /* 将颜色设为你想要的颜色值 */
}
custom.css
文件:import './custom.css';
className
属性,将其值设为你自定义样式文件中的样式类名:import { Form, Input } from 'antd';
const MyForm = () => {
return (
);
};
export default MyForm;
在上面的代码中,我们给 Form.Item 组件添加了一个名为 custom-label
的 className
属性。
请确保在使用自定义样式时,优先级不会被其他样式覆盖。你可以使用更具体的 CSS 选择器,或者使用 !important
来提高样式的优先级。
希望这个解决方法能对你有所帮助!