如何更改 materialize.min.css 默认样式？

Question

我想改变一个 react materialize 组件的样式。它使用默认的 react-materialize 样式表。我正在尝试添加一个“样式”标签，但它什么也没做。有没有办法改变默认的物化样式？代码如下：

      <Collapsible accordion={false} >
      <CollapsibleItem  header="Better safe than sorry. That's my motto." icon="filter_drama">
      CONTENT
      </CollapsibleItem>
      </Collapsible>

      <Collapsible accordion={false} >
      <CollapsibleItem header="Better safe than sorry. That's my motto." icon="filter_drama">
      CONTENT
      </CollapsibleItem>
      </Collapsible>

下面是它的外观和所需结果的说明： https://imgur.com/a/picWtGF （抱歉链接，没有足够的代表来发布图片）

尝试在任何地方添加样式标签，但没有显示任何变化

      <Collapsible accordion={false} style={{padding:0}}>
      <CollapsibleItem style={{padding:0}}  header="Better safe than sorry. That's my motto." icon="filter_drama">
      CONTENT
      </CollapsibleItem>
      </Collapsible>

      <Collapsible accordion={false} style={{padding:0}} >
      <CollapsibleItem style={{padding:0}} header="Better safe than sorry. That's my motto." icon="filter_drama">
      CONTENT
      </CollapsibleItem>
      </Collapsible>

Answer 1

<Collapsible accordion={false} style={{padding: "0px !important"}}>

或在您的 .css 文件中添加类的确切名称。在你的情况下：

.collapsible-body {
   padding: 0px !important;
}