Как переписать PrimeNGпометить стили по умолчанию

Question

Ниже приведен фрагмент моего html-кода.Я пытаюсь отобразить вкладку с заголовком метки как Users, но тег accordion всегда отображает ее подчеркнутой.

<div class="ui-g">
  <p-accordion id="tabsHeader">
      <p-accordionTab>
            <p-header>
                <span>Users</span>
            </p-header>
      </p-accordionTab>
  </p-accordion>
</div>

Я попытался установить для атрибута text-decoration значение none всоответствующий файл CSS, но это не помогает, и всегда отображаются подчеркнутые заголовки.

  #tabsHeader{
     text-decoration : none; 
  }

Нужна некоторая помощь по изменению стиля по умолчанию (в данном случае подчеркнутый текст).Спасибо.

Answer 1

Ребята, вы хотите переписать свойство CSS плагинов NG-PRIME.

step 1 :
Add in "encapsulation: ViewEncapsulation.None" in respective component and import the 

`ViewEncapsulation in @angular/core.`

step2 : in Style.css

    .ui-accordion .ui-accordion-header a {
      display: block;
      padding: .5em;
    }

step 3 : in respective component css file

    .ui-accordion .ui-accordion-header a {
        display: block;
        padding: .5em;
        text-decoration-line: none !important;
    }

Answer 2

Я изменяю стиль любых компонентов Primeng, используя

: host / deep /

Вы можете удалить подчеркивание следующим образом.

component.scss

:host /deep/ .ui-accordion .ui-accordion-header:hover a{
  text-decoration: none ;
}