Angular UI - ui-选择自定义样式

Question

所以我使用带角度的ui-select来创建一个可配置的指令。后端的功能几乎已经完成，但我们的原型具有非常特定的样式，我需要遵循这些样式。

我想简单地按照我认为合适的方式重新设置ui-select样式，但我似乎无法在线找到关于如何操作的单一教程。我找到了一些关于使用$ templateCache覆盖angular ui使用的模板的示例。有没有办法简单地在某个地方使用css文件而不是默认值？或者有没有办法覆盖当前的类而没有一堆！important标记。

Answer 1

当然，您可以通过我们自己的CSS更改UI-select指令的整个样式。没有限制，请查看link中的示例CSS更改。

.ui-select-container {
  width:  200px;
}
.ui-select-bootstrap .ui-select-choices-row.active>a {
  background: #000;
  color: #fff;
}
.ui-select-container input {
    border: none;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
}