【问题标题】:How to fix PrimeNG dropdown style issue?如何修复 PrimeNG 下拉样式问题?
【发布时间】:2016-11-17 01:40:11
【问题描述】:

我正在使用 PrimeNG 1.0.0-rc.4(尽管与早期版本有相同的问题)。下拉菜单始终在右侧显示其下拉指针。鼠标悬停显示相关按钮也在右侧。尝试了不同的主题,结果相同。发生了什么,我该如何解决?

【问题讨论】:

  • 你在使用引导样式吗?我已经看到这个问题使用 bootstrap 3.x 和primeng​​span>
  • 附上的图片显示了 omega,但我确实尝试使用引导程序并得到了同样的结果。我确实设法通过更改 .ui-dropdown .ui-dropdown-trigger .fa 样式中的 margin-left 设置来解决这个问题,但我不知道为什么我必须这样做。

标签: css angular primeng


【解决方案1】:

我的建议是您最好使用 PrimeNG 提供的网格系统,因为您现在可能会解决该特定问题,但很有可能您会在途中发现更多类似的问题。这是有关它的文档:http://www.primefaces.org/primeng/#/responsive

【讨论】:

  • 谢谢。我没有使用 PrimeNG,但正在考虑尝试一下。我不确定为什么使用它会对控件样式问题产生任何影响。
  • 这是因为 bootstrap 将其样式应用于这些控件,而 primeng 也是如此,因此您将两者混在一起,并且某些控件比其他控件更明显,因此您必须处理.
  • 你是对的。 Bootstrap css 确实与 primeNG css 冲突。谢谢。
  • 新的 Bootstrap 主题即将推出。 github.com/primefaces/primeng/issues/1512
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-01-24
  • 2019-04-12
  • 2011-01-26
  • 1970-01-01
  • 1970-01-01
  • 2021-11-24
相关资源
最近更新 更多