diff --git a/src/form/button.js b/src/form/button.js
index 828dd59..a43abf2 100644
--- a/src/form/button.js
+++ b/src/form/button.js
@@ -142,10 +142,18 @@ class Button extends Component {
       box-shadow: 0 0 0 2px var(--color-plain-a);
     }
 
-    $colors: 'teal', 'blue', 'green', 'orange', 'red', 'dark', 'grey';
+    $colors: (
+      primary: 'teal',
+      info: 'blue',
+      success: 'green',
+      warning: 'orange',
+      danger: 'red',
+      secondary: 'dark',
+      help: 'grey'
+    );
 
-    @each $c in $colors {
-      :host([#{$c}]) {
+    @loop $t, $c in $colors {
+      :host([type='#{$t}']) {
         button {
           color: var(--color-#{$c}-2);
           border: 1px solid var(--color-#{$c}-2);
diff --git a/开发规范.md b/开发规范.md
index 67bc727..34e61d9 100644
--- a/开发规范.md
+++ b/开发规范.md
@@ -9,7 +9,7 @@
   - `type=info`  蓝色
   - `type=success`  绿色
   - `type=warning`  橙色
-  - `type=error`  红色
+  - `type=danger`  红色
   - `type=help`  灰色
 
 3. 尺寸, 主要指 高度