Wie definiere ich den CSS-Stil für als erforderlich markierte Felder?

Ich habe eine Anwendung, die AngularJS und Bootstrap ist, obwohl ich nicht sicher bin, ob es relevant ist. Ich möchte den CSS-Stil für Pflichtfelder definieren. Ich sehe viele Beispiele, wenn das Feld class='required' hat, zum Beispiel hier :

Ist es jedoch möglich, dasselbe zu tun, wenn das Feld required='required' hat, aber nicht required class?

Aus praktischen Gründen habe ich ein Feld, das unter Verwendung von ng-required='chkChecked' bedingt erforderlich ist, und obwohl ich auch ng-class={'required': chkChecked} hinzufügen kann, würde ich es lieber vermeiden, wenn möglich

Aktualisieren nur zur Verdeutlichung - Ich möchte das Feld stylen, wenn es das Attribut "required" unabhängig davon hat, ob es required class hat. Meine erste Frage könnte so interpretiert werden, dass ich das Element stylen möchte, wenn es benötigt wird, aber keine erforderliche Klasse hat. Das ist nicht der Fall. Entschuldigung.

Ich würde auch lieber ein Sternchen auf das Etikett setzen, das an das Eingabefeld angehängt ist, als etwa einen roten Rand, der an das Feld selbst angehängt ist (was durch input[:required] (was ich nicht wusste) erreicht werden kann Ich habe versucht, .form-group:required , aber aus irgendeinem Grund tut es nichts, obwohl ich <div class="form-group" required="required"> in F12