Wie ändere ich die Randfarbe von ngTagsInput mit/ohne Fokus?

Question

HTML Da die Tags-Eingang Richtlinie erklärt:

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

Diese CSS die Grenze zu blau ändert sich nicht:

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

Diese CSS rot

die Grenze nicht, wenn ngTagsInput ändern die bekommt Fokus

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

Answer 1

Wenn Sie den HTML-Code zu sehen, wenn tags-input im Fokus ist, hat es eine focused Klasse gilt, wenn der inp ut ist fokussiert. Wir können diese Klasse verwenden, um unser CSS zu überschreiben.

ich folgende CSS setzen und es funktioniert für mich:

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

Und was Sie in Frage zu tun versucht (:focused) kein pseudo-class ist :focus! :)

Hier ist die Probe working plunker