问背景img在窗体有效时更改

EN

我正在为网页创建一个表单，使用HTML、CSS和角JS。我已经成功地实现了我想要的，但我不认为这是一个很好的方式，只是想知道是否会有另一种方法来实现同样的结果？(也许没有，但我还是想问一下)。

基本上，我使用AngularJS表单来验证我的表单。如果表单有效，它将ng-valid类应用到for)。在我的表单中，如果窗体无效，则显示红色X的背景图像；如果窗体有效，则显示绿色勾选。一旦表单有效，就会添加ng-valid类，因此我有以下CSS来更改图像：

.ng-valid>div>div>div>div>a>div>div.regImg1{
     background-image: url('../img/green-tick.png');
 }

我的标准CSS是：

.regImg1{
    background-image: url('../img/grey-tick.png');
}

虽然这样做有效，但我知道对HTML的更改会破坏它。我想知道是否有一种更优雅的方法可以做到这一点，当HTML发生变化时，这种方式不会中断。