ng2选择简单的方法来获得漂亮的css

我正在angular2应用程序中使用ng2 select，我是angular2的新手。 我正在尝试更改ng2 select的css。 当我查看我的对象时，我可以看到css来自bootstrap、ng select css以及更多，我可以看到ng select指令是从以下内容构建的：

<div class="ui-select-container ui-select-multiple ui-select-bootstrap dropdown form-control open" tabindex="0">
<div></div>
<span class="ui-select-match">
    <!--template bindings={}-->
</span>
<input autocapitalize="off" autocomplete="false" autocorrect="off" class="ui-select-search input-xs" role="combobox" spellcheck="false" type="text" placeholder="Choose Modifiers">

<!--template bindings={}-->

<!--template bindings={}-->

---

只需在当前样式化的CSS之后，将您想要的样式添加到DOM中声明的样式表中，并且不要忘记至少匹配当前声明的规则的特定性。

编辑：我找到了一种更好的方法，对于select输入，因为它是一个输入，所以您可以向HTML元素添加一个id=，并在.css/.scss w/inputid{}中引用它。比：host/deep/干净得多。这适用于包装控件，如kendo maskedtextbox等

在这种情况下，选择的答案不是很有用；我试过那种方法，结果一无所获

在做更多的研究时，我发现使用：host和/deep/attributes以及组件CSS类来为样式提供适当的深度曝光

我最终使用这三个类来设计ng2 select：

:host /deep/ .btn-secondary, 
:host /deep/ .ui-select-choices,
:host /deep/ .ui-select-search
{
    ...
}

---

谢谢，我做到了，而且效果不错。问题是ng2 select是从很多东西构建的，而多选和单选是不同的。如果有人有一个很好的css来分享，如果没有，那就太好了。一旦css稳定下来，我会分享我的css。看起来你想要一些超出问题范围的非常具体的东西。如果我的答案对你有用，请将答案标记为正确。对不起，你的答案是正确的，非常有帮助，我已尝试将其标记为正确，但我没有足够的声誉。。。一旦我有足够的钱，我保证会记下来。再次谢谢，很好。很乐意帮忙。如果可能的话，别忘了把它标记为正确的；

:host /deep/ .btn-secondary, 
:host /deep/ .ui-select-choices,
:host /deep/ .ui-select-search
{
    ...
}