Browse Source

Fix wrong error style for Form Validation

pull/3782/head
afc163 8 years ago
parent
commit
88d470220b
  1. 7
      components/form/style/index.less
  2. 6
      components/form/style/mixin.less
  3. 3
      components/input/style/mixin.less

7
components/form/style/index.less

@ -380,6 +380,9 @@ form {
.@{ant-prefix}-select {
&-selection {
border-color: @error-color;
}
&-focused &-selection {
.active(@error-color);
}
@ -402,7 +405,9 @@ form {
.@{ant-prefix}-input-number,
.@{ant-prefix}-time-picker-input {
border-color: @error-color;
.active(@error-color);
&:focus {
.active(@error-color);
}
&:not([disabled]):hover {
border-color: @error-color;
}

6
components/form/style/mixin.less

@ -8,9 +8,11 @@
// 输入框的不同校验状态
.@{ant-prefix}-input {
&,
&:hover,
&:focus {
&:hover {
border-color: @border-color;
}
&:focus {
.active(@border-color);
}

3
components/input/style/mixin.less

@ -168,12 +168,13 @@
border: 0;
margin: -1px;
border: 1px solid transparent;
box-shadow: none;
}
&-open,
&-focused {
.@{ant-prefix}-select-selection {
border-color: tint(@primary-color, 20%);
color: @primary-color;
}
}
}

Loading…
Cancel
Save