diff --git a/packages/slider/src/main.vue b/packages/slider/src/main.vue
index 6d7710f9..8b5ffdc3 100644
--- a/packages/slider/src/main.vue
+++ b/packages/slider/src/main.vue
@@ -200,6 +200,7 @@
           this.setPosition(this.newPos);
           window.removeEventListener('mousemove', this.onDragging);
           window.removeEventListener('mouseup', this.onDragEnd);
+          window.removeEventListener('contextmenu', this.onDragEnd);
         }
       },
 
@@ -208,6 +209,7 @@
         this.onDragStart(event);
         window.addEventListener('mousemove', this.onDragging);
         window.addEventListener('mouseup', this.onDragEnd);
+        window.addEventListener('contextmenu', this.onDragEnd);
       }
     },
 
diff --git a/packages/theme-default/src/slider.css b/packages/theme-default/src/slider.css
index 5c1e9f94..9a3d0273 100644
--- a/packages/theme-default/src/slider.css
+++ b/packages/theme-default/src/slider.css
@@ -20,7 +20,7 @@
         margin-right: 160px;
         width: auto;
       }
-      
+
       &.disabled {
         cursor: default;
 
@@ -79,6 +79,7 @@
       transform: translateX(-50%);
       background-color: transparent;
       text-align: center;
+      user-select: none;
 
       .el-tooltip {
         line-height: 1;
@@ -113,6 +114,7 @@
       background-color: var(--slider-main-background-color);
       border-radius: 50%;
       transition: .2s;
+      user-select: none;
 
       &:hover,
       &.hover,