#angular #angular-cli #primeng
Вопрос:
Я ищу объяснение, касающееся углового стиля.
Я использую Angular 10 с Prime-ng, я добавил пользовательский стиль, который должен переопределять компонент Prime-ng, но при обслуживании приложения для тестирования стиль не переопределяет его, и он помещает теги, содержащие оригинальный стиль, непосредственно перед <ссылка ref=»таблица стилей»../>, которая должна переопределить его.
(1) содержит правила css (введенные в узле стилей angular.json), которые будут применяться на панели p-прогресса ( т. е. высота: 10 пикселей; ).
(2) стиль компонента Primeng по умолчанию, полученный из библиотеки Primeng, поскольку я использовал этот компонент в одном из компонентов моего приложения:
<p-progressBar [value]="value"></p-progressBar>
Большое спасибо.
Комментарии:
1. » Я добавил пользовательский стиль, который должен переопределять компонент Prime-ng » — Где вы определили свой пользовательский стиль?
Ответ №1:
Если компонент PrimeNG, который вы хотите обновить, не отображается перед телом, например, в диалоговом окне, всплывающем окне, всплывающей подсказке и т. Д. Вы можете добавить стили в угловой компонент, который вы используете в компоненте PrimeNG. В противном случае вам нужно добавить стили в файл styles.scss, чтобы эти стили были глобальными.
Если это не сработает, добавьте !important флаг в конце каждого стиля.