diff --git a/components/form/style/mixin.less b/components/form/style/mixin.less index ae932699d..cdcf13469 100644 --- a/components/form/style/mixin.less +++ b/components/form/style/mixin.less @@ -10,16 +10,27 @@ .@{ant-prefix}-input-affix-wrapper { &, &:hover { - background-color: @background-color; border-color: @border-color; } - &:focus { + &:focus, + &-focused { .active(@border-color); } + } - &:not([disabled]):hover { - border-color: @border-color; + .@{ant-prefix}-input { + &:not(&-disabled) { + background-color: @background-color; + } + } + + .@{ant-prefix}-input-affix-wrapper { + &:not(&-disabled) { + background-color: @background-color; + } + input:focus { + box-shadow: none !important; } } @@ -27,32 +38,12 @@ .active(@border-color); } - // Input prefix - .@{ant-prefix}-input-affix-wrapper { - .@{ant-prefix}-input { - &, - &:hover { - background-color: @background-color; - border-color: @border-color; - } - - &:focus { - .active(@border-color); - } - } - - &:hover .@{ant-prefix}-input:not(.@{ant-prefix}-input-disabled) { - border-color: @border-color; - } - } - .@{ant-prefix}-input-prefix { color: @text-color; } .@{ant-prefix}-input-group-addon { color: @text-color; - background-color: @background-color; border-color: @border-color; }