diff --git a/components/form/style/index.less b/components/form/style/index.less index 6be2fdefd3..194e898497 100644 --- a/components/form/style/index.less +++ b/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; } diff --git a/components/form/style/mixin.less b/components/form/style/mixin.less index 9646bac3ec..1fdc0bd150 100644 --- a/components/form/style/mixin.less +++ b/components/form/style/mixin.less @@ -8,9 +8,11 @@ // 输入框的不同校验状态 .@{ant-prefix}-input { &, - &:hover, - &:focus { + &:hover { border-color: @border-color; + } + + &:focus { .active(@border-color); } diff --git a/components/input/style/mixin.less b/components/input/style/mixin.less index 476998af73..870892f1cb 100644 --- a/components/input/style/mixin.less +++ b/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; } } }