码迷,mamicode.com
首页 > Web开发 > 详细

Angular 4 表单必填字段提示CSS

时间:2017-10-13 14:58:03      阅读:32      评论:0      收藏:0      [点我收藏+]

标签:表单 必填字段 提示 css

.ng-valid[required].ng-dirty:not(form),

.ng-valid.required.ng-dirty:not(form) {

    border-left: 5px solid #42A948;

}


.ng-valid[required].ng-pristine:not(form),

.ng-valid.required.ng-pristine:not(form) {

    border-left: 2px solid #EFC26E;

}


.ng-invalid[required].ng-pristine:not(form) {

    border-left: 2px solid #EFC26E;

}


.ng-invalid.ng-dirty:not(form) {

    border-left: 5px solid #a94442;

}


本文出自 “老猫的窝” 博客,请务必保留此出处http://oldycat.blog.51cto.com/1720867/1972027

Angular 4 表单必填字段提示CSS

标签:表单 必填字段 提示 css

(0)
(0)
   
举报
评论 一句话评论(0
0条  
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!