Reactjs 当我将按钮悬停在材质UI上时，如何更改边框颜色

我想能够改变边框颜色，当我在我的按钮上悬停，因为现在它保持原色的蓝色

这是我的密码：

import React from 'react';
import { makeStyles, createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';
import Button from '@material-ui/core/Button';


const useStyles = makeStyles(theme => ({
    root: {
        '& > *': {
            margin: theme.spacing(1),
        },
    },
    btn: {
       fontFamily: "Manrope",
       borderColor: "#15e577",
       color: "#000",
       backgroundColor: "white", 
       "&:hover": {
           backgroundColor: "#15e577"
       },
    },

}));


export default function BtnContactUs() {
    const classes = useStyles();
    let theme = createMuiTheme
    return (
        <div className={classes.root}>
            <Button variant="outlined" color="primary" className={classes.btn}>
                Let's talk
            </Button>
        </div>
    );
}

从“React”导入React；
从'@material ui/core/styles'导入{makeStyles，createMuiTheme，MuiThemeProvider}；
从“@material ui/core/Button”导入按钮；
const useStyles=makeStyles（主题=>({
根目录：{
'& > *': {
边距：主题。间距（1），
},
},
btn:{
丰特家族：“人绳”，
边框颜色：“15e577”，
颜色：“000”，
背景颜色：“白色”，
“&：悬停”：{
背景色：“15e577”
},
},
}));
导出默认函数BtnContactUs（）{
const classes=useStyles（）；
让theme=CreateMuiteme
返回(
让我们谈谈
);
}

使用borderColor属性

btn: {
       fontFamily: "Manrope",
       borderColor: "#15e577",
       color: "#000",
       backgroundColor: "white", 
       "&:hover": {
           backgroundColor: "#15e577",
           borderColor:"#564345"

       },
    },

---

您只需在已有的悬停样式中指定

borderColor

（当前仅设置

backgroundColor

）。哇，我尝试了一些复杂的东西，最后就这么简单了。你是我的救世主！！