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