带Breeze的AngularJS-需要时突出显示文本区域

我正在与AngularJs和Breeze建立一个水疗中心，使用基于John Papa的Hottob的VS 2013项目

我们为Angular、Breeze和BootStrap提供了所有最新的nuget软件包。我的一个要求是，当字段在我们的案例中无效时，突出显示一个文本区域。此功能已在应用程序中的许多其他字段中实现，主要用于输入和选择字段，并且工作正常。但是，当我尝试将data ng required指令应用于textarea时，我没有得到textarea周围的红色轮廓

经过一番挖掘，我通过修改breeze.directions.css文件找到了解决方案：

之前：

input:invalid,
select:invalid {
    border: red solid 1px !important;
    border-left: 5px solid red !important;
}
span.z-decorator span.invalid,
input:invalid + .z-decorator > .invalid,
select:invalid + .z-decorator > .invalid {
    visibility: visible;
    display: inline-block;
    background-color: rgb(189, 54, 47);
    margin: 0.3em 0 0 1em;
    padding: 4px 10px;
    -ms-border-radius: 3px 3px 3px 3px !important;
    border-radius: 3px 3px 3px 3px !important;
    background-position: 15px center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 0 12px #999999;
    -ms-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #ffffff;
    -ms-opacity: 0.8;
    opacity: 0.8;
    z-index: 20;
}

select:invalid + .z-decorator > .invalid {
    margin: 0.1em 0 0 1em;
}

之后：

input:invalid,
textarea:invalid,
select:invalid {
     border: red solid 1px !important;
     border-left: 5px solid red !important;
}
span.z-decorator span.invalid,
input:invalid + .z-decorator > .invalid,
textarea:invalid + .z-decorator > .invalid,
select:invalid + .z-decorator > .invalid {
    visibility: visible;
    display: inline-block;
    background-color: rgb(189, 54, 47);
    margin: 0.3em 0 0 1em;
    padding: 4px 10px;
    -ms-border-radius: 3px 3px 3px 3px !important;
    border-radius: 3px 3px 3px 3px !important;
    background-position: 15px center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 0 12px #999999;
    -ms-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #ffffff;
    -ms-opacity: 0.8;
    opacity: 0.8;
    z-index: 20;
}

select:invalid + .z-decorator > .invalid {
    margin: 0.1em 0 0 1em;
}

我只是插入以下内容： textarea:在每个类的定义中无效

这给出了我期望的结果，但是，我真的不想修改breeze.directions.css文件，因为这可能会在下次更新breeze文件时被重写

为了防止出现这种情况，我将css的两个部分复制到custometheme.css文件的底部，在该文件中添加自定义项，然后将它们修改为仅指向textarea:invalid

我的问题是，有人知道他们忽略此功能的原因吗？这可能会导致以后出现问题吗

我做了一些相当广泛的研究来找到这个问题的解决方案，但找不到任何其他遇到这个问题的人的参考资料

---

还有人遇到过这种情况吗？

恐怕breeze指令更像是一种概念证明。这就是他们在微风实验室的原因之一

---

也就是说，我们接受拉取请求，我不反对添加textarea选择器。

那太好了。在即将发布的版本中，我可以期待吗？谢谢我刚刚更新并致力于github。我还更新了，以反映这一变化