如何在react-admin中自定义按钮css

import * as React from 'react';
import { Button } from 'react-admin';

const CustomButton = (props) => (
    <Button style={{ backgroundColor: 'blue', color: 'white' }} {...props}>
        Custom Button
    </Button>
);

export default CustomButton;

.button {
    background-color: green;
    color: white;
}

import * as React from 'react';
import { Button } from 'react-admin';
import styles from './CustomButton.module.css';

const CustomButton = (props) => (
    <Button className={styles.button} {...props}>
        Custom Button
    </Button>
);

export default CustomButton;

.custom-button {
    background-color: red;
    color: white;
}

import * as React from 'react';
import { Button } from 'react-admin';
import './global.css';

const CustomButton = (props) => (
    <Button className="custom-button" {...props}>
        Custom Button
    </Button>
);

export default CustomButton;