diff --git a/packages/cascader/src/main.vue b/packages/cascader/src/main.vue
index ec5b0aa33..84c51a29d 100644
--- a/packages/cascader/src/main.vue
+++ b/packages/cascader/src/main.vue
@@ -319,6 +319,7 @@ export default {
       if (this.disabled) return;
       if (this.filterable) {
         this.menuVisible = true;
+        this.$refs.input.$refs.input.focus();
         return;
       }
       this.menuVisible = !this.menuVisible;
diff --git a/packages/theme-default/src/cascader.css b/packages/theme-default/src/cascader.css
index 283f9b85a..6b37474cd 100644
--- a/packages/theme-default/src/cascader.css
+++ b/packages/theme-default/src/cascader.css
@@ -7,13 +7,10 @@
   @b cascader {
     display: inline-block;
     position: relative;
-    background-color: transparent;
 
     .el-input,
     .el-input__inner {
       cursor: pointer;
-      background-color: #fff;
-      z-index: var(--index-normal);
     }
 
     .el-input__icon {