Перекрестная метка списка Angular PrimeNG

Я использую angular 7.2.0 и Primeng 7.0.0, я пытаюсь показать список элементов в списке.

Как я могу пересечь метку выбранного элемента в списке вместо его выделения

Перекрестная метка списка Angular PrimeNG

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
1
0
588
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я бы посоветовал попробовать и проверить элемент, который вы пытаетесь изменить, с помощью DevTools браузера (играйте в разделе «Стиль», пока не достигнете желаемого результата), а затем измените его в своем коде.

Что касается вопроса, вы хотите удалить фон для выбранного состояния элемента списка, а затем указать свойство сквозного оформления текста. Это должна быть часть CSS, чтобы решить вашу проблему с правильными селекторами:

body .ui-listbox .ui-listbox-list .ui-listbox-item.ui-state-highlight {
    color: #000000;
    text-decoration: line-through;
    background-color: none;
}

Обратите внимание, что цвет текста изменяется, чтобы он был виден после удаления синего фона. Это только для выделенного состояния элемента списка (.ui-listbox-item.ui-подсветка состояния).

  • Если вы не знаете, как использовать инструмент проверки, ознакомьтесь с кратким руководством это, предоставленным разработчиками Google. Надеюсь, это может помочь

Самый быстрый способ расставить приоритеты свойств для конкретных методов доступа — поместить свой CSS в глобальный файл styles.css. Ваш файл angular(cli).json должен ставить styles.css выше всего остального. Итак, перейдите в styles.css и поместите туда этот бит css с background-body как inherit/transparent или none. Это должно работать

pmburlacu 03.07.2019 13:42

Если вы хотите лучше понять и узнать больше об угловом стиле, проверьте эта статья, который дает подробный обзор ваших вариантов.

pmburlacu 03.07.2019 13:47

Другие вопросы по теме