Как добавить изолированный код/код бритвы за классы CSS в компонентах MudBlazor?
в моем файле кода программной части я определил класс css. Это происходит, когда я использую атрибут «класс» для обычных элементов HTML (в примере: ). Однако, если класс находится в MudElement ("Класс"), изменение не извлекается. Имя класса задано, но стиль не применяется.
В чем проблема?
MainLayout.razor:
<MudContainer Class = "redBorder">
<span class = "redBorder">
@Body
</span>
</MudContainer>
MainLayout.razor.css:
.redBorder {
border: 1px solid red;
}
Я пробовал, но проблема не в этом. Я не могу видеть стиль (а также не переопределять) в F12 - для одного элемента
проверить этот div в инструментах разработчика и посмотреть, есть ли у него стиль, а затем добавить стиль в инструменты разработчика? также поделитесь скриншотом
Вы пробовали ::deep - learn.microsoft.com/en-us/aspnet/core/blazor/components/…
Причина, по которой это не работает, заключается в том, что атрибут Class в компоненте MudBlazor на самом деле является параметром [обратите внимание на заглавную C] и используется компонентом для внутреннего построения своего Css.
@MrCakaShaunCurtis Да, именно так, и цель состояла в том, чтобы поместить в него пользовательские классы CSS.
Ответы 1
Не работает с бритвенно-изолированным css, бритвенно-изолированный/код за css добавляет идентификатор к каждому классу при компиляции, а связывание, похоже, не работает.
Вы можете создать отдельный файл css и сохранить его в папке wwwroot/css (не забудьте добавить ссылку на этот файл в файл index.html). Затем классы из этого файла можно будет применить поверх компонентов MudBlazor Class свойство.
Спасибо, вы правы, это работает. Но я с нетерпением жду, если есть обходной путь для его достижения
Странная вещь: кажется, что это работает, когда я в режиме отладки. Когда я запускаю без отладки, стили не извлекаются.
@sampa вы пытались очистить кеш.
Да, также с режимом инкогнито, удалением, папкой отладки и т. д.
@sampa, это странно, вы можете проверить консоль браузера, чтобы увидеть, что файл css загружается. А также поиграйтесь со ссылкой на файл css в index.html. С префиксом '/' и без него.
вы можете попробовать добавить !important в стиль, чтобы увидеть, является ли это приоритетной проблемой?