1

我正在尝试在我的 SCSS 文件中本地覆盖 ngxTypeahead 引导样式。

http://run.plnkr.co/preview/cjdla5ty8000cfilltbx80wpz/

如果我们检查 typeahead 结果的样式，在这个 plunker 中，我们可以看到这个

他们有这种格式

<div class ="search-results style-3">
    <input></input>
    <section class="list-group results"></section>
</div>

在列表组中，它们具有这些属性

.list-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

我想添加bottom: 60px!important;到这个类。

我直接在我的本地 SCSS 文件中给出了相同的类，我在其中使用了这个 typeahead 并添加了底部

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    bottom:60px !important;
}

但这不是我当地的课程。它只有引导样式。

我应该在 SCSS 中以任何其他方式添加它吗？

4

0 回答 0