如何编辑验证ng-class错误的css样式

时间:2016-11-25 09:21:22

标签: css angularjs

我的问题很简单:
如何编辑bootstrap v3的ng-class验证错误'错误'的css样式?

这是我的代码:

ng-class="(form.datos.$invalid) && ( form.datos.$touched || submitted) ? 'error': '' "

这里的错误风格是背景红色,我不喜欢我想把它改成另一种颜色。

2 个答案:

答案 0 :(得分:0)

它无论如何都与Angular有关,但无论如何。

将文件导入到HTML中的bootstrap'之后,然后执行

.error {
    background-color: transparent; /* or whatever */ 
}

您可以使用

.error {
    background-color: transparent !important;
}

但不建议这样做。

答案 1 :(得分:0)

你应该覆盖css,但如果你想用角度来做,你可以使用ng-style指令,它看起来像

ng-style="(form.datos.$invalid) && ( form.datos.$touched || submitted) && {'background-color':'#00F'}"