Как стилизовать компоненты в библиотеке компонентов Blazor Bootstrap ⇐ C#

[Anonymous]

Я начал использовать библиотеку компонентов Blazor Bootstrap, но у меня возникли проблемы с перезаписью применяемых стилей CSS по умолчанию.
Например, я пытаюсь использовать аккордеон< /p>

Код: Выделить всё

    


[i][/i]Documentation


Somthing

Различные компоненты и подкомпоненты этого элемента управления имеют атрибуты класса. Если я применю к ним некоторые стандартные стили начальной загрузки, они вступят в силу, но если я определяю свои собственные классы и применяю их они не меняют внешний вид компонента. Кажется, что к компоненту применяется класс «аккордеон» по умолчанию. Как их переопределить?
Библиотека компонентов использует scss. Это класс аккордеона по умолчанию

Код: Выделить всё

.accordion {
// scss-docs-start accordion-css-vars
--#{$prefix}accordion-color: #{$accordion-color};
--#{$prefix}accordion-bg: #{$accordion-bg};
--#{$prefix}accordion-transition: #{$accordion-transition};
--#{$prefix}accordion-border-color: #{$accordion-border-color};
--#{$prefix}accordion-border-width: #{$accordion-border-width};
--#{$prefix}accordion-border-radius: #{$accordion-border-radius};
--#{$prefix}accordion-inner-border-radius: #{$accordion-inner-border-radius};
--#{$prefix}accordion-btn-padding-x: #{$accordion-button-padding-x};
--#{$prefix}accordion-btn-padding-y: #{$accordion-button-padding-y};
--#{$prefix}accordion-btn-color: #{$accordion-button-color};
--#{$prefix}accordion-btn-bg: #{$accordion-button-bg};
--#{$prefix}accordion-btn-icon: #{escape-svg($accordion-button-icon)};
--#{$prefix}accordion-btn-icon-width: #{$accordion-icon-width};
--#{$prefix}accordion-btn-icon-transform: #{$accordion-icon-transform};
--#{$prefix}accordion-btn-icon-transition: #{$accordion-icon-transition};
--#{$prefix}accordion-btn-active-icon: #{escape-svg($accordion-button-active-icon)};
--#{$prefix}accordion-btn-focus-border-color: #{$accordion-button-focus-border-color};
--#{$prefix}accordion-btn-focus-box-shadow: #{$accordion-button-focus-box-shadow};
--#{$prefix}accordion-body-padding-x: #{$accordion-body-padding-x};
--#{$prefix}accordion-body-padding-y: #{$accordion-body-padding-y};
--#{$prefix}accordion-active-color: #{$accordion-button-active-color};
--#{$prefix}accordion-active-bg: #{$accordion-button-active-bg};
// scss-docs-end accordion-css-vars
}

Это проблема, с которой я обычно сталкиваюсь при работе с компонентами библиотеки. Я предполагаю, что смогу установить здесь переменные?
Как мне сделать что-то простое, например установить цвет фона для компонента?
Я встроил аккордеон в другой компонент, у которого есть собственный файл компонент.razor.css, который я использовал, чтобы попытаться применить к компоненту некоторые дополнительные классы, но безуспешно.
Я не могу найти никакой документации или примеров, показывающих, как стилизовать компоненты в этой библиотеке.


Подробнее здесь: https://stackoverflow.com/questions/791 ... nt-library