diff --git a/style/components/slider.less b/style/components/slider.less
index c95911feb0..eca1cd1ed9 100644
--- a/style/components/slider.less
+++ b/style/components/slider.less
@@ -44,7 +44,9 @@
     }
     &-active {
       &:active {
+        @color-rgba: rgba(red(@primary-color), green(@primary-color), blue(@primary-color), .2);
         border-color: tint(@primary-color, 20%);
+        box-shadow: 0 0 0 2px @color-rgba;
       }
     }
   }