diff --git a/src/components/button/button-styles.ts b/src/components/button/button-styles.ts
index 20e80d4..fed8924 100644
--- a/src/components/button/button-styles.ts
+++ b/src/components/button/button-styles.ts
@@ -93,18 +93,16 @@ export const sharedStyles: CSSResult = css`
   [variant='negative'] {
     background-color: rgb(179, 2, 2);
     color: rgb(235, 235, 235);
-    border: 1px solid #f56c6c;
   }
 
   [variant='negative']:hover {
     background-color: rgb(162, 1, 1);
     color: rgb(235, 235, 235);
-    border: 1px solid #f56c6c;
   }
 
   [variant='black'] {
-    color: rgb(235, 235, 235);
-    background-color: #000000;
+    color: rgb(34, 34, 34);
+    background-color: rgb(0, 0, 0);
   }
 
   [variant='white'] {
diff --git a/src/test/panels/button/button.ts b/src/test/panels/button/button.ts
index 65c88a8..1db143a 100644
--- a/src/test/panels/button/button.ts
+++ b/src/test/panels/button/button.ts
@@ -50,7 +50,7 @@ export class PanelButton extends LitElement {
     </div>
     <div>
       <h4>图标按钮展示</h4>
-      <star-button type="base" variant="accent" label="图标按钮" icon="alarm" iconcolor="red"></star-button>
+      <star-button type="base" variant="accent" label="图标按钮" icon="alarm" iconcolor="green"></star-button>
     </div>
     `
   }