Material-ui ，去除纸张边框

Question

如何删除material-ui Paper组件中的顶部边框。我已经尝试过以下方法，但似乎不起作用。

     <Paper
        sx={{
          border: 0,
          borderTop: 0,
          borderRadius: 0,
        }}
      >
        <Box className="main">
          <Typography variant="h4">O_x</Typography>
          <InvoiceFormCmp />
        </Box>
      </Paper>

图像

Answer 1

您可能没有注意到 Paper 组件没有使用任何边框。您看到该行是因为 Paper 组件使用了 box-shadow CSS 属性。您可以将其设置为无：

<Paper sx={{ boxShadow: "none" }}>
  <Box className="main">
    <Typography variant="h4">0_x</Typography>
  </Box>
</Paper>

检查这里的沙箱