diff --git a/packages/dropdown-menu/index.less b/packages/dropdown-menu/index.less
index 19134dd91..ccbe3d6aa 100644
--- a/packages/dropdown-menu/index.less
+++ b/packages/dropdown-menu/index.less
@@ -2,8 +2,8 @@
 
 .van-dropdown-menu {
   display: flex;
-  height: 50px;
-  background-color: @white;
+  height: @dropdown-menu-height;
+  background-color: @dropdown-menu-background-color;
   user-select: none;
 
   &__item {
@@ -19,7 +19,7 @@
 
   &__title {
     position: relative;
-    font-size: 15px;
+    font-size: @dropdown-menu-title-font-size;
 
     &::after {
       position: absolute;
diff --git a/packages/style/var.less b/packages/style/var.less
index 1f5f6ce36..c254ce679 100644
--- a/packages/style/var.less
+++ b/packages/style/var.less
@@ -149,6 +149,11 @@
 @dialog-has-title-message-padding-top: 12px;
 @dialog-confirm-button-text-color: @blue;
 
+// DropdownMenu
+@dropdown-menu-height: 50px;
+@dropdown-menu-background-color: @white;
+@dropdown-menu-title-font-size: 15px;
+
 // Field
 @field-label-width: 90px;
 @field-input-text-color: @text-color;