Как я могу переопределить цвет p-разделителя PrimeNGCSS

Разбираемся в CSS
Ответить
Anonymous
 Как я могу переопределить цвет p-разделителя PrimeNG

Сообщение Anonymous »

Вопрос в том, как я могу переопределить цвет p-разделителя primeng в Angular. Использование версии 17.
Вот ссылка на исходный код компонента p-делителя в PrimeNG
https://github.com/primefaces/primeng/t ... 07677/src/ app/comComponents/divider
Глядя в инструменты разработчика Chrome, я вижу, что применяется этот стиль, которого нет в исходном коде p-divider или его CSS-файле. Если я переопределяю цвет в инструментах разработчика Chrome, он работает как положено.

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

.p-divider.p-divider-horizontal:before {
border-top: 1px #e5e7eb;
}
Как я уже сказал, этого кода нет в исходном коде, но он находится в файлах theme.css Primeng для различных тем.
В инструментах разработчика вы можете увидеть тоже этот стиль

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

.p-divider-solid.p-divider-horizontal:before {
border-top-style: solid;
}
Когда я пытаюсь переопределить стиль цвета границы в style.scss или в моих компонентах css (используя ng-deep), он переопределяется, но затем стиль border-top-style исчезает и все p-разделители исчезают в моем компоненте.
Я пробовал добавить обратно стиль border-top как глобально, так и через ng-deep, и посмотрел в devtools, но через него есть линия, и это не применяется. Я могу успешно переопределить любые другие стили с помощью p-разделителя, такие как цвет фона и т. д., но не стиль border-top. Обычно переопределить стили PrimeNG — несложная задача, но я не уверен, чего мне здесь не хватает? Любая помощь будет принята с благодарностью!! Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/786 ... ider-color
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»