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; 
} 

別のオプションを試してみてください。