primengボタンのようにドロップダウンをデザインする方法

Question

私はprimengを使用してUIをデザインしています。私は私の添付ファイルに示されているようにボタンのようなドロップダウンの外観をしたい。誰もこれを達成する方法を助けることができますか？

<p-dropdown [options]="items" placeholder="SORT BY"></p-dropdown> 

おかげで、実際の実装では

Answer 1

彼らはこれらのCSSプロパティを使用している：

.ui-dropdown .ui-dropdown-trigger { 
border-right: none; 
border-top: none; 
border-bottom: none; 
cursor: pointer; 
width: 1.5em; 
height: 100%; 
position: absolute; 
right: 0; 
top: 0; 
padding: 0 .25em; 

}

オーバーライド以下のようなCSS

は、ここに私のコードです。

.ui-dropdown .ui-dropdown-trigger{ 
border-left:none; 
}