【问题标题】:primeng how to design dropdown like a buttonprimeng 如何设计像按钮一样的下拉菜单
【发布时间】:2017-08-24 09:26:33
【问题描述】:

我正在使用primeng来设计我的UI。我希望下拉菜单看起来像我的附件中所示的按钮。任何人都可以帮助如何实现这一目标?

这是我的代码:

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

谢谢

【问题讨论】:

  • ...就像我的附件中显示的按钮。那个附件在哪里?
  • 已添加附件。谢谢

标签: css primeng


【解决方案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;
}

【讨论】:

    猜你喜欢
    • 2021-03-02
    • 1970-01-01
    • 2020-01-02
    • 1970-01-01
    • 2014-03-25
    • 1970-01-01
    • 1970-01-01
    • 2020-11-30
    • 2019-05-17
    相关资源
    最近更新 更多