如何使用@fluentui/react中的网格和段-无边框或水平线的北极星？

Question

这是我的密码

import { Grid, Segment } from "@fluentui/react-northstar";

Usage:

<Grid columns="repeat(4, 1fr)" rows="50px 150px">
  <Segment
    color="brand"
    content="Header"
    inverted
    styles={{
      gridColumn: 'span 4',
    }}
  />
  <Segment
    color="green"
    content="Menu"
    inverted
    styles={{
      gridColumn: 'span 1',
    }}
  />
  <Segment
    content="Content"
    styles={{
      gridColumn: 'span 3',
    }}
  />
</Grid>

水平线出现在每段周围和网格周围。使用边框的内联样式：“无”或任何相关器也不起作用。

Answer 1

它是当前设置为box-shadow: rgb(34 36 38 / 15%) 0px 1px 1px 1px;的默认框影CSS值。

将其添加到样式类boxShadow: 'none'中