有没有办法制作没有边框的Material ui Card答案

【问题标题】：Is there a way to make Material ui Card without border有没有办法制作没有边框的Material ui Card
【发布时间】：2020-07-12 12:51:53
【问题描述】：

我已阅读文档，选择将其设为 variant="outlined" 或将其设为 raised

但是有没有办法让汽车完全没有可见的边框？

【问题讨论】：

标签： javascript reactjs material-ui

【解决方案1】：

您可以为您的卡片提供内联样式，将边框和框阴影属性设置为无。

<Card style={{ border: "none", boxShadow: "none" }}>
    ....
</Card>

另一种方法是使用@material-ui/core/styles 中的makeStyles 并设置一个可以赋予卡片的类的样式。

import React from "react";
import { makeStyles } from "@material-ui/core/styles";
import Card from "@material-ui/core/Card";

const useStyles = makeStyles({
  custom: {
    border: "none",
    boxShadow: "none"
  }
});

const classes = useStyles();
.
.
.
return (
  <Card className={classes.custom}>
    ....
  </Card>
);

【讨论】：

【解决方案2】：

您也可以这样做来移除卡片上的边框半径。您可以简单地将square={true} 添加到卡片组件中。

<Card square={true}>
    Your content
</Card>

如果需要，您还可以阅读文档。 Material Ui Paper Api

【讨论】：