Angular 7：ng-invalid vs：invalid

Question

我正在开发Angular应用，旨在将其部署在移动和Web浏览器上。 在设置表单样式以显示无效输入时，我应该定位Angular“ ng-invalid ”类还是HTML5“ ：invalid ” CSS伪类？

Answer 1

您应该使用：invalid伪类！例如，

input[type="date"]:invalid:not(.ng-pristine) {
    border: 5px solid red;
}

其他有用的css classes用于输入验证