Как изменить стандартные материалы materialize.min.css? - PullRequest
Новая
       6

Как изменить стандартные материалы materialize.min.css?

0 голосов
/ 06 июня 2019

Я хочу изменить стиль компонента реагирования. Используется стандартная таблица стилей response-materialize. Я пытаюсь добавить тег 'style', но он ничего не делает. Есть ли способ изменить стили материализации по умолчанию? Вот код: 

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

1 Ответ

0 голосов
/ 06 июня 2019 
<Collapsible accordion={false} style={{padding: "0px !important"}}>

или в вашем файле .css просто добавьте точное имя класса. В вашем случае: 

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