diff --git a/packages/common/style/var.less b/packages/common/style/var.less
index c66eb8f8..9cdd57c2 100644
--- a/packages/common/style/var.less
+++ b/packages/common/style/var.less
@@ -648,6 +648,7 @@
 @dropdown-menu-title-padding: 0 @padding-xs;
 @dropdown-menu-title-line-height: 18px;
 @dropdown-menu-option-active-color: @red;
+@dropdown-menu-box-shadow: 0 2px 12px fade(@gray-7, 12);
 
 // IndexAnchor
 @index-anchor-padding: 0 @padding-md;
diff --git a/packages/dropdown-menu/index.less b/packages/dropdown-menu/index.less
index 5f18e1fb..e91e40d9 100644
--- a/packages/dropdown-menu/index.less
+++ b/packages/dropdown-menu/index.less
@@ -2,7 +2,7 @@
 
 .van-dropdown-menu {
   display: flex;
-  box-shadow: 0 2px 12px fade(@gray-7, 12);
+  box-shadow: var(--dropdown-menu-box-shadow, @dropdown-menu-box-shadow);
   user-select: none;
   height: var(--dropdown-menu-height, @dropdown-menu-height);
   background-color: var(