diff --git a/src/cascader/README.md b/src/cascader/README.md
index bdedcb349..9841a296a 100644
--- a/src/cascader/README.md
+++ b/src/cascader/README.md
@@ -100,3 +100,22 @@ export default {
 | Name  | Description  |
 | ----- | ------------ |
 | title | Custom title |
+
+### Less Variables
+
+How to use: [Custom Theme](#/en-US/theme).
+
+| Name                                 | Default Value   | Description |
+| ------------------------------------ | --------------- | ----------- |
+| @cascader-header-height              | `48px`          | -           |
+| @cascader-title-font-size            | `@font-size-lg` | -           |
+| @cascader-title-line-height          | `20px`          | -           |
+| @cascader-close-icon-size            | `22px`          | -           |
+| @cascader-close-icon-color           | `@gray-5`       | -           |
+| @cascader-close-icon-active-color    | `@gray-6`       | -           |
+| @cascader-selected-icon-size         | `18px`          | -           |
+| @cascader-tabs-height                | `48px`          | -           |
+| @cascader-active-color               | `@red`          | -           |
+| @cascader-options-height             | `384px`         | -           |
+| @cascader-tab-title-color            | `@text-color`   | -           |
+| @cascader-unselected-tab-title-color | `@gray-6`       | -           |
diff --git a/src/cascader/README.zh-CN.md b/src/cascader/README.zh-CN.md
index 7784b9893..3c8fac8b4 100644
--- a/src/cascader/README.zh-CN.md
+++ b/src/cascader/README.zh-CN.md
@@ -110,3 +110,22 @@ export default {
 | 名称  | 说明           |
 | ----- | -------------- |
 | title | 自定义顶部标题 |
+
+### 样式变量
+
+组件提供了下列 Less 变量，可用于自定义样式，使用方法请参考[主题定制](#/zh-CN/theme)。
+
+| 名称                                 | 默认值          | 描述 |
+| ------------------------------------ | --------------- | ---- |
+| @cascader-header-height              | `48px`          | -    |
+| @cascader-title-font-size            | `@font-size-lg` | -    |
+| @cascader-title-line-height          | `20px`          | -    |
+| @cascader-close-icon-size            | `22px`          | -    |
+| @cascader-close-icon-color           | `@gray-5`       | -    |
+| @cascader-close-icon-active-color    | `@gray-6`       | -    |
+| @cascader-selected-icon-size         | `18px`          | -    |
+| @cascader-tabs-height                | `48px`          | -    |
+| @cascader-active-color               | `@red`          | -    |
+| @cascader-options-height             | `384px`         | -    |
+| @cascader-tab-title-color            | `@text-color`   | -    |
+| @cascader-unselected-tab-title-color | `@gray-6`       | -    |
diff --git a/src/cascader/index.less b/src/cascader/index.less
index ace475d9c..f896d942b 100644
--- a/src/cascader/index.less
+++ b/src/cascader/index.less
@@ -16,11 +16,11 @@
   }
 
   &__close-icon {
-    color: @gray-5;
-    font-size: 22px;
+    color: @cascader-close-icon-color;
+    font-size: @cascader-close-icon-color;
 
     &:active {
-      color: @gray-6;
+      color: @cascader-close-icon-active-color;
     }
   }
 
@@ -31,17 +31,17 @@
     }
 
     &.van-tabs--line .van-tabs__wrap {
-      height: 48px;
+      height: @cascader-tabs-height;
       padding: 0 6px;
     }
   }
 
   &__tab-title {
-    color: @gray-8;
+    color: @cascader-tab-title-color;
     font-weight: @font-weight-bold;
 
     &--unselected {
-      color: @gray-6;
+      color: @cascader-unselected-tab-title-color;
     }
   }
 
@@ -58,17 +58,17 @@
     }
 
     &--selected {
-      color: @red;
+      color: @cascader-active-color;
     }
   }
 
   &__selected-icon {
-    font-size: 18px;
+    font-size: @cascader-selected-icon-size;
   }
 
   &__options {
     box-sizing: border-box;
-    height: 384px;
+    height: @cascader-options-height;
     padding-top: 6px;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
diff --git a/src/style/var.less b/src/style/var.less
index 84a01cb1b..9fd4da462 100644
--- a/src/style/var.less
+++ b/src/style/var.less
@@ -205,6 +205,15 @@
 @cascader-header-height: 48px;
 @cascader-title-font-size: @font-size-lg;
 @cascader-title-line-height: 20px;
+@cascader-close-icon-size: 22px;
+@cascader-close-icon-color: @gray-5;
+@cascader-close-icon-active-color: @gray-6;
+@cascader-selected-icon-size: 18px;
+@cascader-tabs-height: 48px;
+@cascader-active-color: @red;
+@cascader-options-height: 384px;
+@cascader-tab-title-color: @text-color;
+@cascader-unselected-tab-title-color: @gray-6;
 
 // Cell
 @cell-font-size: @font-size-md;