diff --git a/components/slider/style/index.less b/components/slider/style/index.less
index 75dbe169dc..b9ab7fa2f9 100644
--- a/components/slider/style/index.less
+++ b/components/slider/style/index.less
@@ -59,7 +59,9 @@
     }
 
     &:focus {
+      border-color: @slider-handle-color-focus;
       outline: none;
+      box-shadow: 0 0 0 5px @slider-handle-color-focus-shadow;
     }
 
     &.@{ant-prefix}-tooltip-open {
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index 59d066c08f..2c5c8ea0d0 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -695,7 +695,7 @@
 @slider-handle-color: @primary-3;
 @slider-handle-color-hover: @primary-4;
 @slider-handle-color-focus: tint(@primary-color, 20%);
-@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
+@slider-handle-color-focus-shadow: fade(@primary-color, 12%);
 @slider-handle-color-tooltip-open: @primary-color;
 @slider-handle-shadow: 0;
 @slider-dot-border-color: @border-color-split;