如何使用/没有焦点更改NGTAGSINPUT的边框颜色

Question

给定此HTML声明标签输入指令：

<tags-input class="bootstrap" ng-model="selected">
    <auto-complete source="getList($query)"></auto-complete>
</tags-input>

此CSS不会将边框更改为蓝色：

.bootstrap .tags {
  border: 1px solid blue;
}

当ngtagsInput获得焦点

时，此CSS不会将边界更改为红色

.bootstrap .tags:focused {
  border-color: red;
}

Answer 1

如果在tags-input焦点时看到HTML，则当输入焦点时，它将应用focused类。我们可以利用该类覆盖我们的CSS。

我放置了以下CSS，对我有用：

.bootstrap .tags{
    border: 2px solid blue;
}
.bootstrap .tags.focused {
    border: 2px solid red;
}

，您尝试在有问题的问题（:focused）不是伪级，:focus是！：）

这是示例工作plunker