diff --git a/style/web/components/color-picker/_index.less b/style/web/components/color-picker/_index.less
index 2d04f49448..4bbb6189a1 100644
--- a/style/web/components/color-picker/_index.less
+++ b/style/web/components/color-picker/_index.less
@@ -521,6 +521,20 @@
       padding: @color-picker-trigger-input-padding;
     }
 
+    &--no-input {
+      .@{prefix}-input--auto-width {
+        min-width: @comp-size-xl;
+      }
+
+      .@{prefix}-input__prefix {
+        margin-right: 0;
+      }
+
+      .@{prefix}-input__inner {
+        display: none;
+      }
+    }
+
     &__color {
       width: 100%;
       height: 100%;