不响应ng类更改的IE-9

Question

我的输入框如下所示：

 <input type="text" ng-model="someData" ng-class="{ 'borderRed': invalid}">

当$scope.invalid设置为true时，我希望inputBox的边框变为红色。这在chrome和firefox中很好，但在IE9中就不行了。

可在这里获得一个plnkr：http://plnkr.co/edit/vdRIiYhFAeX6DBLMSmxs

但是IE9并没有打开plnkr，但是你会明白的。

Answer 1

这是IE9中的一个bug。这篇文章帮助我找到了一个答案，IE9 input/button element border color issue

ng-无效是在角框架(angular.js)中定义的类。

我通过在错误时向输入框类添加以下属性来解决此错误：

        border-bottom 1px solid red;
        border-top 1px solid red;
        border-left 1px solid red;
        border-right 1px solid red;

这为我解决了这个问题。