diff --git a/packages/cascader/src/main.vue b/packages/cascader/src/main.vue
index d34d1478a..3977c0fc9 100644
--- a/packages/cascader/src/main.vue
+++ b/packages/cascader/src/main.vue
@@ -30,6 +30,7 @@
       :validate-event="false"
       :size="size"
       :disabled="cascaderDisabled"
+      :class="{ 'is-focus': menuVisible }"
     >
       <template slot="suffix">
         <i
diff --git a/packages/theme-chalk/src/cascader.scss b/packages/theme-chalk/src/cascader.scss
index 9fe2a6c7d..e57f8a8bb 100644
--- a/packages/theme-chalk/src/cascader.scss
+++ b/packages/theme-chalk/src/cascader.scss
@@ -14,6 +14,10 @@
     cursor: pointer;
   }
 
+  .el-input.is-focus .el-input__inner {
+    border-color: $--input-focus-border;
+  }
+
   .el-input__icon {
     transition: none;
   }