Skip to content

Instantly share code, notes, and snippets.

@tlimpanont
Last active August 29, 2015 14:05
Show Gist options
  • Save tlimpanont/d67e4122ba492b85c098 to your computer and use it in GitHub Desktop.
Save tlimpanont/d67e4122ba492b85c098 to your computer and use it in GitHub Desktop.
ng validate success and error form style
input.ng-dirty.ng-invalid, input.ng-pristine.ng-invalid
textarea.ng-dirty.ng-invalid, textarea.ng-pristine.ng-invalid
select.ng-dirty.ng-invalid, select.ng-pristine.ng-invalid {
border: 1px solid #e9322d;
&:focus {
border: 1px solid #e9322d;
-webkit-box-shadow: 0 0 6px #f8b9b7;
-moz-box-shadow: 0 0 6px #f8b9b7;
box-shadow: 0 0 6px #f8b9b7;
}
}
input.ng-pristine.ng-valid, input.ng-dirty.ng-valid
textarea.ng-pristine.ng-valid, textarea.ng-dirty.ng-valid
select.ng-pristine.ng-valid, select.ng-dirty.ng-valid,
select.ng-pristine.ng-valid.ng-valid-required {
border: 1px solid #3c763d;
&:focus {
border: 1px solid #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment