PrimeNG OrderList 단추가 제거됩니다.

Question

구성 요소 orderList에서 위쪽 및 아래쪽 단추를 제거하려고합니다.

내가 사용한 유일한 것은 CSS를 사용하는 것입니다. 나는 그들의 아이콘 속성에 의해 그들을 선택하려고했지만 행운이 없다.

primeng CSS 파일 후로드 내 CSS :

button[icon="fa-angle-double-up"] { 
    display: none; 
} 

button[ng-reflect-icon="fa-angle-double-up"] { 
    display: none; 
} 

내 구성 요소 : 그래서 내가 원하는 버튼 또는 무엇을 제거하는 또 다른 방법은

@Component({ 
    template: `<p-orderList></p-orderList>`, 
    styles: [` 
     button[icon="fa-angle-double-up"] { 
      display: none; 
     } 
     button[ng-reflect-icon="fa-angle-double-up"] { 
      display: none; 
     } 
    `], 

    encapsulation: ViewEncapsulation.None 
}) 

있다 이게 CSS로 올바른 방법인가요? primeng 구성 요소를 확장하고 HTML 템플릿을 재정의 :

Answer 1

는

button[icon="fa-angle-double-up"] { 
    display: none !important; 
} 

또 다른 옵션을 사용해보십시오.