css angular 要求表单被触摸且无效的反应式表单的样式
css styling for angular reactive form requiring form to be touched and invalid
我正在使用响应式表单来允许用户更改密码。我想设置输入框的样式以在表单无效或出现错误时向用户显示。
input.ng-invalid {
border: 1px solid red;
}
问题是这甚至在表单被触摸之前就显示出来了。我希望此 CSS 仅在触摸表单后应用。不确定如何在 CSS.
中实现此行为
如果您只想在触摸时显示错误，请使用名为 ng-touched class
的应用程序
input.ng-touched.ng-invalid {
border: 1px solid red;
}
我正在使用响应式表单来允许用户更改密码。我想设置输入框的样式以在表单无效或出现错误时向用户显示。
input.ng-invalid {
border: 1px solid red;
}
问题是这甚至在表单被触摸之前就显示出来了。我希望此 CSS 仅在触摸表单后应用。不确定如何在 CSS.
中实现此行为如果您只想在触摸时显示错误，请使用名为 ng-touched class
input.ng-touched.ng-invalid {
border: 1px solid red;
}