primeng comment concevoir une liste déroulante comme un bouton

Question

J'utilise primeng pour concevoir mon interface utilisateur. Je veux une liste déroulante ressembler à un bouton comme indiqué dans ma pièce jointe. quelqu'un peut-il aider à atteindre cet objectif?

voici mon code:

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

Merci

Answer 1

Dans la mise en œuvre réelle qu'ils utilisent ces biens 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; 

}

Remplacer le CSS comme ci-dessous.

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