Browse Source

update form validate stylr

pull/102/head
SimaQ 9 years ago
parent
commit
9718bc9de7
  1. 22
      style/components/form.less
  2. 6
      style/mixins/form.less

22
style/components/form.less

@ -278,6 +278,7 @@ form {
.form-control-validation(@success-color; @input-hover-border-color;);
.@{css-prefix}input {
border-color: @input-border-color;
box-shadow: none;
}
&.has-feedback:after {
@ -293,6 +294,16 @@ form {
content: '\e628';
color: @warning-color;
}
.@{selectPrefixCls} {
&-selection {
border-color: @warning-color;
box-shadow: 0 0 0 2px tint(@warning-color, 80%);
}
&-arrow {
color: @warning-color;
}
}
}
.has-error {
@ -302,6 +313,17 @@ form {
content: '\e628';
color: @error-color;
}
.@{selectPrefixCls} {
&-selection {
border-color: @error-color;
box-shadow: 0 0 0 2px tint(@error-color, 80%);
}
&-arrow {
color: @error-color;
}
}
}
.is-validating {

6
style/mixins/form.less

@ -5,10 +5,8 @@
// 输入框的不同校验状态
.@{css-prefix}input {
border-color: @border-color;
&:focus {
border-color: @border-color;
box-shadow: 0 0 0 2px tint(@border-color, 80%);
}
box-shadow: 0 0 0 2px tint(@border-color, 80%);
&:not([disabled]):hover {
border-color: @border-color;
}

Loading…
Cancel
Save