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

Question

我已阅读文档以使其成为 variant="outlined" 的选项或使其成为 raised但是有没有办法让汽车完全没有可见的边界？

Answer 1

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

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

另一种方法是使用 makeStyles来自 @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>
);