使用 JavaScript React Antd 表单 左侧字体颜色修改

要修改 Antd 表单组件中左侧文字的颜色，可以使用 CSS 样式来实现。以下是一个示例代码：

import { Form } from 'antd';
import './MyForm.css'; // 引入自定义的 CSS 样式

const MyForm = () => {
  return (
    <Form>
      <Form.Item label="Username" name="username">
        <input type="text" />
      </Form.Item>
      <Form.Item label="Password" name="password">
        <input type="password" />
      </Form.Item>
    </Form>
  );
};

在上面的代码中，我们使用了 Form.Item 组件来包裹表单项，并使用 label 属性来设置左侧的文字。接下来，在 MyForm.css 文件中添加以下代码：

.ant-form-item-label > label {
  color: red;
}

这段 CSS 样式会选择所有 Antd 表单组件中左侧文字的标签元素，并将它们的颜色设置为红色。你可以根据需要修改颜色值。最后，记得在组件中引入 CSS 样式，否则样式将不会生效。