Semantic-ui-react. Как отвязать стилизацию внутреннего Accordion.Accordion от внешнего Accordion
Внешний Accordion имеет атрибут styled, что добавляет ему border.
Внутри находится Accordion.Accordion, который наследует стиль внешнего контейнера.
Есть цель убрать/изменить стиль рамки у внутреннего аккордиона. Инлайн стили вида {border: 'none'} / {border: 'none !important'} не помогают.
<Accordion styled fluid>
<Accordion.Title>Title</Accordion.Title>
<Accordion.Content>
<Accordion.Accordion style={{ border: 'none' }}>
<Accordion.Title>Title</Accordion.Title>
<Accordion.Content>Content</Accordion.Content>
</Accordion.Accordion>
</Accordion.Content>
</Accordion>
Стили, которые не касаются рамки, к примеру margin, применяются корректно.