如何更改物料ui表中选中行的文本颜色

.selected-row {
  color: red;
}

import React, { useState } from 'react';
import { Table } from 'antd';
import './styles.css'; // 引入自定义样式文件

const data = [
  { key: '1', name: 'John Doe', age: 25 },
  { key: '2', name: 'Jane Smith', age: 30 },
  { key: '3', name: 'Bob Johnson', age: 35 },
];

const MyTable = () => {
  const [selectedRowKeys, setSelectedRowKeys] = useState([]);

  const handleRowSelection = (selectedRowKeys) => {
    setSelectedRowKeys(selectedRowKeys);
  };

  const rowClassName = (record) => {
    return selectedRowKeys.includes(record.key) ? 'selected-row' : '';
  };

  const columns = [
    { title: 'Name', dataIndex: 'name', key: 'name' },
    { title: 'Age', dataIndex: 'age', key: 'age' },
  ];

  return (
    <Table
      dataSource={data}
      columns={columns}
      rowSelection={{
        selectedRowKeys,
        onChange: handleRowSelection,
      }}
      rowClassName={rowClassName}
    />
  );
};

export default MyTable;