diff --git a/src/assets/main.scss b/src/assets/main.scss
index 0295600..6780a0d 100644
--- a/src/assets/main.scss
+++ b/src/assets/main.scss
@@ -41,3 +41,21 @@ body {
 .bdr-l {
   border-left: 1px solid #e9e9eb;
 }
+
+// 应用到全局
+::-webkit-scrollbar {
+  width: 5px;
+  height: 5px;
+  background-color: unset;
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 5px;
+  background-color: unset;
+}
+
+:hover {
+  ::-webkit-scrollbar-thumb {
+    background-color: #409eff;
+  }
+}
diff --git a/src/components/message/InputEditor.vue b/src/components/message/InputEditor.vue
index 6d641c7..64686e2 100644
--- a/src/components/message/InputEditor.vue
+++ b/src/components/message/InputEditor.vue
@@ -26,22 +26,5 @@ const options = {
 .ql-editor {
   padding: 8px;
   font-size: 14px;
-
-  &::-webkit-scrollbar {
-    width: 3px;
-    height: 3px;
-    background-color: unset;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    border-radius: 3px;
-    background-color: unset;
-  }
-
-  &:hover {
-    &::-webkit-scrollbar-thumb {
-      background-color: #409eff;
-    }
-  }
 }
 </style>