diff --git a/src/component.css b/src/component.css
index e368e5e..3e50019 100644
--- a/src/component.css
+++ b/src/component.css
@@ -347,4 +347,42 @@
       }
     }
   }
+
+  /* 颜色选择器滑杆 */
+  input[type='range'].picker {
+    -webkit-appearance: none;
+    width: 100%;
+    height: 1em;
+    background: transparent;
+    &::-webkit-slider-thumb {
+      -webkit-appearance: none;
+      appearance: none;
+      width: 1em;
+      height: 1em;
+      background: oklch(from var(--color-primary) l c h / 70%);
+      border-radius: var(--border-radius-xxs);
+      cursor: pointer;
+    }
+    &::-moz-range-thumb {
+      width: 1em;
+      height: 1em;
+      background: oklch(from var(--color-primary) l c h / 70%);
+      border-radius: var(--border-radius-xxs);
+      cursor: pointer;
+    }
+    &::-webkit-slider-runnable-track {
+      width: 100%;
+      height: 1em;
+      cursor: pointer;
+      background: transparent;
+      border-radius: var(--border-radius-xxs);
+    }
+    &::-moz-range-track {
+      width: 100%;
+      height: 1em;
+      cursor: pointer;
+      background: transparent;
+      border-radius: var(--border-radius-xxs);
+    }
+  }
 }