From 16492a2090161cf6cc255c0291cf481d3449a8a3 Mon Sep 17 00:00:00 2001
From: Haniel Cui <coldice945@hotmail.com>
Date: Wed, 17 Aug 2022 14:51:20 +0800
Subject: [PATCH] fix: InputNumber border-radius and handle color style
 (#37070)

---
 components/input-number/style/index.less | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/components/input-number/style/index.less b/components/input-number/style/index.less
index 97662c0c8a..6008890709 100644
--- a/components/input-number/style/index.less
+++ b/components/input-number/style/index.less
@@ -27,8 +27,8 @@
   width: 90px;
   margin: 0;
   padding: 0;
-  border: @border-width-base @border-style-base @border-color-base;
-  border-radius: @border-radius-base;
+  border: @border-width-base @border-style-base @input-border-color;
+  border-radius: @control-border-radius;
 
   &-handler {
     position: relative;
@@ -102,7 +102,7 @@
     text-align: left;
     background-color: transparent;
     border: 0;
-    border-radius: @border-radius-base;
+    border-radius: @control-border-radius;
     outline: 0;
     transition: all 0.3s linear;
     appearance: textfield !important;
@@ -142,7 +142,7 @@
     width: 22px;
     height: 100%;
     background: @input-number-handler-bg;
-    border-radius: 0 @border-radius-base @border-radius-base 0;
+    border-radius: 0 @control-border-radius @control-border-radius 0;
     opacity: 0;
     transition: opacity 0.24s linear 0.1s;
 
@@ -176,7 +176,7 @@
   }
 
   &-handler-up {
-    border-top-right-radius: @border-radius-base;
+    border-top-right-radius: @control-border-radius;
     cursor: pointer;
 
     &-inner {
@@ -192,8 +192,8 @@
 
   &-handler-down {
     top: 0;
-    border-top: @border-width-base @border-style-base @border-color-base;
-    border-bottom-right-radius: @border-radius-base;
+    border-top: @border-width-base @border-style-base @input-number-handler-border-color;
+    border-bottom-right-radius: @control-border-radius;
     cursor: pointer;
 
     &-inner {
@@ -210,6 +210,11 @@
     }
   }
 
+  &:hover:not(.@{input-number-prefix-cls}-borderless) &-handler-down,
+  &-focused:not(.@{input-number-prefix-cls}-borderless) &-handler-down {
+    border-top: @border-width-base @border-style-base @input-number-handler-border-color;
+  }
+
   &-handler-up-disabled,
   &-handler-down-disabled {
     cursor: not-allowed;