diff --git a/src/assets/less/theme.less b/src/assets/less/theme.less
index a9efb6b..ae2f2b0 100644
--- a/src/assets/less/theme.less
+++ b/src/assets/less/theme.less
@@ -85,7 +85,7 @@
             background-color: @nightButtonBg;
         }
     }
-    /deep/ .el-icon-upload, .el-icon-download, .el-icon-refresh, .el-icon-s-grid {
+    ::v-deep .el-icon-upload, .el-icon-download, .el-icon-refresh, .el-icon-s-grid {
         color: @nightWhiteColor;
     }
     ::-webkit-scrollbar {
diff --git a/src/components/CodemirrorEditor/insertForm.vue b/src/components/CodemirrorEditor/insertForm.vue
index c55f101..64ad6f1 100644
--- a/src/components/CodemirrorEditor/insertForm.vue
+++ b/src/components/CodemirrorEditor/insertForm.vue
@@ -115,15 +115,13 @@
 
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
 .tb-options {
     margin-bottom: 20px;
 }
 
-.input-table {
-    /deep/ .el-input__inner {
-        border-radius: 0;
-    }
+.input-table ::v-deep .el-input__inner {
+    border-radius: 0;
 }
 
 .head-style .el-input__inner {
diff --git a/src/components/CodemirrorEditor/rightClickMenu.vue b/src/components/CodemirrorEditor/rightClickMenu.vue
index a171bae..950359e 100644
--- a/src/components/CodemirrorEditor/rightClickMenu.vue
+++ b/src/components/CodemirrorEditor/rightClickMenu.vue
@@ -99,7 +99,7 @@ export default {
         color: white;
         background: rgb(139, 146, 148);
     }
-    /deep/ .el-upload {
+    ::v-deep .el-upload {
         width: 100%;
     }
 }