如何更改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; 
} 

这个CSS不边框变为红色时ngTagsInput得到

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

Answer 1

如果看到HTML时tags-input的重点是，它适用的焦点focused上课的时候INP ut是重点。我们可以利用这个类来覆盖我们的CSS。

我把下面的CSS和它的作品对我来说：

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

而且，你尝试过的问题做（:focused）不是pseudo-class，:focus是！ :)

这里的样品working plunker