diff --git a/nezha-fronted/src/assets/css/common/tableCommon.scss b/nezha-fronted/src/assets/css/common/tableCommon.scss
index f178c8bd5..7e5e312cf 100644
--- a/nezha-fronted/src/assets/css/common/tableCommon.scss
+++ b/nezha-fronted/src/assets/css/common/tableCommon.scss
@@ -250,16 +250,16 @@
           height: 22px;
           border-radius: $--button-border-radius;
           outline: none;
-        }
-        .table-operation-item.table-operation-item-disable{
-          border: 1px solid $--primary-border-color;
-          outline: none;
-          background-color: $--button-gray-background-color;
           transition: background-color linear .1s;
-
+        }
+        .table-operation-item.table-operation-item--disable{
+          border: 1px solid $--primary-border-color;
+          background-color: #DEDEDE;
+          opacity: 0.6;
+          outline: none;
           i {
             font-size: 14px;
-            color: $--button-gray-color;
+            color: #fff;
           }
         }
         &>.table-operation-item {
diff --git a/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue b/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
index 5677959d5..5e3b29c82 100644
--- a/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
+++ b/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
@@ -89,7 +89,7 @@
       fixed="right">
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
-        <button class="table-operation-item" v-has="'alertSilence_edit'" @click="$emit('edit', scope.row)" :disabled="scope.row.state == 3"><i class="nz-icon nz-icon-edit"></i></button>
+        <button :class="{'table-operation-item--disable': scope.row.state === 3}" class="table-operation-item" v-has="'alertSilence_edit'" @click="$emit('edit', scope.row)" :disabled="scope.row.state === 3"><i class="nz-icon nz-icon-edit"></i></button class="table-operation-item">
         <el-dropdown size="medium" v-has="['alertSilence_expire']" trigger="hover" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <span>…</span><i class="nz-icon nz-icon-arrow-down"></i>