diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index 7e14fc4..68f25ec 100644
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -222,6 +222,12 @@
           cursor: pointer;
         }
       }
+      .el-button{
+        border: none;
+        &:hover{
+          cursor: pointer;
+        }
+      }
     }
     .listpage-body{
       height: calc(100% - 40px);
diff --git a/src/assets/scss/theme/dark.scss b/src/assets/scss/theme/dark.scss
index 2b77b34..731eba4 100644
--- a/src/assets/scss/theme/dark.scss
+++ b/src/assets/scss/theme/dark.scss
@@ -364,6 +364,13 @@
             color: var(--d-fc-3)
           }
         }
+        .el-button{
+          background-color: var(--d-bgc-2);
+          color: var(--d-fc-2);
+          &:hover{
+            color: var(--d-fc-3)
+          }
+        }
       }
       .listpage-body{
         /* 设置el-table的样式*/
diff --git a/src/assets/scss/theme/green.scss b/src/assets/scss/theme/green.scss
index d565670..856be61 100644
--- a/src/assets/scss/theme/green.scss
+++ b/src/assets/scss/theme/green.scss
@@ -362,6 +362,13 @@
             color: var(--g-fc-3)
           }
         }
+        .el-button{
+          background-color: var(--g-bgc-2);
+          color: var(--g-fc-2);
+          &:hover{
+            color: var(--g-fc-3)
+          }
+        }
       }
       .listpage-body{
         /* 设置el-table的样式*/
diff --git a/src/assets/scss/theme/light.scss b/src/assets/scss/theme/light.scss
index 14355e1..ecbef95 100644
--- a/src/assets/scss/theme/light.scss
+++ b/src/assets/scss/theme/light.scss
@@ -362,6 +362,13 @@
             color: var(--l-fc-3)
           }
         }
+        .el-button{
+          background-color: var(--l-bgc-2);
+          color: var(--l-fc-2);
+          &:hover{
+            color: var(--l-fc-3)
+          }
+        }
       }
       .listpage-body{
         /* 设置el-table的样式*/
diff --git a/src/assets/scss/theme/pink.scss b/src/assets/scss/theme/pink.scss
index 07dc573..d845c26 100644
--- a/src/assets/scss/theme/pink.scss
+++ b/src/assets/scss/theme/pink.scss
@@ -361,6 +361,13 @@
             color: var(--p-fc-3)
           }
         }
+        .el-button{
+          background-color: var(--p-bgc-2);
+          color: var(--p-fc-2);
+          &:hover{
+            color: var(--p-fc-3)
+          }
+        }
       }
       .listpage-body{
         /* 设置el-table的样式*/
diff --git a/src/components/EditSites.vue b/src/components/EditSites.vue
index 711cb87..2abe502 100644
--- a/src/components/EditSites.vue
+++ b/src/components/EditSites.vue
@@ -2,11 +2,11 @@
   <div class="listpage" id="editSites">
     <div class="listpage-content">
       <div class="listpage-header">
-        <span class="btn" @click="addSite">添加</span>
-        <span class="btn" @click="exportSites">导出</span>
-        <span class="btn" @click="importSites">导入</span>
-        <span class="btn" @click="removeAllSites">清空</span>
-        <span class="btn" @click="resetSitesEvent">重置</span>
+        <el-button @click.stop="addSite" type="text">添加</el-button>
+        <el-button @click.stop="exportSites" type="text">导出</el-button>
+        <el-button @click.stop="importSites" type="text">导入</el-button>
+        <el-button @click.stop="removeAllSites" type="text">清空</el-button>
+        <el-button @click.stop="resetSitesEvent" type="text">重置</el-button>
       </div>
       <div class="listpage-body" id="sites-table">
         <el-table
diff --git a/src/components/History.vue b/src/components/History.vue
index e3b4fb8..3d6c60d 100644
--- a/src/components/History.vue
+++ b/src/components/History.vue
@@ -3,7 +3,7 @@
     <div class="listpage-content">
       <div class="listpage-header">
         <span class="btn"></span>
-        <span class="btn" @click="clearAllHistory">清空</span>
+        <el-button @click.stop="clearAllHistory" type="text">清空</el-button>
       </div>
       <div class="listpage-body" id="history-table">
         <el-table
diff --git a/src/components/Star.vue b/src/components/Star.vue
index 7148aeb..f9f8387 100644
--- a/src/components/Star.vue
+++ b/src/components/Star.vue
@@ -2,10 +2,10 @@
   <div class="listpage" id="star">
     <div class="listpage-content">
       <div class="listpage-header">
-        <span class="btn" @click="exportFavoritesEvent">导出</span>
-        <span class="btn" @click="importFavoritesEvent">导入</span>
-        <span class="btn" @click="clearFavoritesEvent">清空</span>
-        <span class="btn" @click="updateAllEvent">同步所有收藏</span>
+        <el-button @click.stop="exportFavoritesEvent" type="text">导出</el-button>
+        <el-button @click.stop="importFavoritesEvent" type="text">导入</el-button>
+        <el-button @click.stop="clearFavoritesEvent" type="text">清空</el-button>
+        <el-button @click.stop="updateAllEvent" type="text">同步所有收藏</el-button>
       </div>
       <div class="listpage-body" id="list-table">
         <el-table