Css 材质UI组件上的渐变边框

我没有找到与border图像源代码css相当的代码

---

我的目标是在按钮组件上渲染边框渐变

这是如何将渐变边框添加到

按钮

组件：

const useStyles=makeStyles（（主题：主题）=>({
按钮：{
边框：“6px固体”，
边界图像切片：1，
borderImageSource:“线性渐变（向左、红色、橙色）”
}
}));
导出包含按钮的默认函数（）{
const classes=useStyles（）；
返回(
违约
);
}

现场演示

---

您知道如何添加边界半径吗？因为borderRadius不适用于borderImageSource@seserize看答案，我已经为你更新了现场演示。