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

Question

我已经阅读了文档，可以选择制作variant="outlined"或制作raised

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

Answer 1

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

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

另一种方法是使用makeStylesfrom@material-ui/core/styles和样式一个可以提供给卡片的类。

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>
);