diff --git a/doc/button.md b/doc/button.md
index cec96abf..4977479a 100644
--- a/doc/button.md
+++ b/doc/button.md
@@ -73,7 +73,10 @@
 ```vue
 <template>
   <div class="md-demo-button">
-    <sp-button type="primary" :loading="true">加载中</sp-button>
+    <sp-button :loading="true">加载中</sp-button>
+    <sp-button :loading="true" type="primary">加载中</sp-button>
+    <sp-button :loading="true" plain>加载中</sp-button>
+    <sp-button :loading="true" type="text">加载中</sp-button>
   </div>
 </template>
 ```
diff --git a/sparta/components/button/src/button.vue b/sparta/components/button/src/button.vue
index 53facd0a..d2b1ca7d 100755
--- a/sparta/components/button/src/button.vue
+++ b/sparta/components/button/src/button.vue
@@ -157,6 +157,11 @@ export default {
     &:focus {
       background-color: $button-plain-fill--focus;
     }
+    &.is--loading {
+      background-color: transparent;
+      color: $button-text-color--disabled;
+      border-color: $button-plain-border--disabled;
+    }
   }
 
   &.is--disabled {
@@ -184,7 +189,6 @@ export default {
   &.is--loading {
     position: relative;
     pointer-events: none;
-    color: rgba(#fff, 0.5);
 
     &::before {
       pointer-events: none;
@@ -198,10 +202,12 @@ export default {
     }
   }
 
-  &.is--plain.is--loading {
-    position: relative;
-    pointer-events: none;
-    color: rgba($color-primary, 0.5);
+  &--default {
+    &.is--loading {
+      color: $button-color--disabled;
+      background-color: $button-fill--disabled;
+      border-color: $button-fill--disabled;
+    }
   }
 
   &--primary {
@@ -230,6 +236,11 @@ export default {
       background-color: $button-primary-fill--focus;
       border-color: $button-primary-border--focus;
     }
+    &.is--loading {
+      background-color: $button-primary-fill;
+      border-color: $button-primary-border;
+      color: rgba(#fff, 0.5);
+    }
   }
   &--medium {
     @include button-size($button-medium-font-size, $button-medium-min-width, $button-medium-height);
@@ -271,6 +282,7 @@ export default {
     }
 
     &.is--disabled,
+    &.is--loading,
     &.is--disabled:hover,
     &.is--disabled:focus {
       border-color: transparent;