【问题标题】:Style ng2-bootstrap's typeahead list-items样式 ng2-bootstrap 的 typeahead 列表项
【发布时间】:2017-01-22 15:54:04
【问题描述】:

问题:

我希望结果在彼此下方(全宽)并且没有透明背景。我右键单击其中一个项目并单击“检查”,所以我想出了将什么用作选择器。

我尝试过的:

ul.dropdown-menu li {
background-color: black !important;
opacity: 1 !important;
color: yellow !important;

}

没有改变任何东西,所以要么我选择不正确,要么我不知道。我有一个自定义模板:

<template #customItemTemplate let-model="item" let-index="index">
    <h5 style="width: 100%">{{model.title || model.name}}</h5>
</template>

但即使是内联样式也没有改变。

问题:

如何设置结果样式?

PS: 我认为提及我正在使用 MaterializeCSS 可能会很有用。

【问题讨论】:

  • 您是否使用选项列表模板进行此操作
  • @KaranGarg 如果我没记错的话,我停止尝试并使用其他东西。但是我当时确实在作者的 GitHub 页面上创建了一个issue,也许这可以进一步帮助你。

标签: css angular bootstrap-typeahead ng2-bootstrap


【解决方案1】:

我在 v1.3.1 中公开了optionsListTemplate 输入为TypeaheadDirective 所以你可以完全覆盖预先输入的结果模板;) 默认的源代码你可以在这里查看: https://github.com/valor-software/ng2-bootstrap/blob/development/src/typeahead/typeahead-container.component.ts#L22-L32

【讨论】:

  • 我无法调用 isActive 或 selectActive :(
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-04-24
  • 2017-04-27
  • 2021-06-15
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多