primeng如何像按钮一样设计下拉菜单

Question

https://gist.github.com/gekowa/7fdd6fa6db51a7671de5469b3943a9da我正在使用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;
}