2017-08-24 8 views
0

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

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

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

+0

_...私の添付ファイルに示されているボタンのように_その添付ファイルはどこですか? – LGSon

+0

添付ファイルが追加されました。ありがとう –

答えて

0

彼らはこれらの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; 
} 
関連する問題