css - 将 ngx-bootstrap-multiselect 的每个选项放在自己的行上的正确方法是什么？

Question

我刚刚将 Angular 8 项目升级到 Angular 9，我正在尝试ngx-bootstrap-multiselect。

将项目放置在一行上的方式会产生不稳定的显示（有时后续项目的复选框显示在前一个项目的右侧）。

有没有直接控制这个的设置？如果没有，推荐的替代方法是什么（我正在考虑使用 itemClasses）。

标签： cssangular

Answer 1

根据@Justinas 评论，我能够通过将其添加到父组件 css 文件中来正确显示项目：

::ng-deep span[role="menuitem"]{
    display: block;
}

该组件仍然表现出一些奇怪的行为。单击单个项目时，将选择每个项目：

我认为这是因为该组件需要 Bootstrap 4（我在 Bootstrap 3 上）。相关主题：https ://github.com/softsimon/ngx-bootstrap-multiselect/issues/462#issuecomment-560370149