diff --git a/components/button/__tests__/__snapshots__/demo.test.ts.snap b/components/button/__tests__/__snapshots__/demo.test.ts.snap
index 130196936d..0269732929 100644
--- a/components/button/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/button/__tests__/__snapshots__/demo.test.ts.snap
@@ -325,6 +325,14 @@ exports[`renders ./components/button/demo/ghost.md correctly 1`] = `
       Dashed
     </span>
   </button>
+  <button
+    class="ant-btn ant-btn-primary ant-btn-background-ghost ant-btn-dangerous"
+    type="button"
+  >
+    <span>
+      Danger
+    </span>
+  </button>
 </div>
 `;
 
diff --git a/components/button/demo/ghost.md b/components/button/demo/ghost.md
index d2c77c6d96..329fb1f6eb 100644
--- a/components/button/demo/ghost.md
+++ b/components/button/demo/ghost.md
@@ -25,6 +25,9 @@ ReactDOM.render(
     <Button type="dashed" ghost>
       Dashed
     </Button>
+    <Button type="primary" danger ghost>
+      Danger
+    </Button>
   </div>,
   mountNode,
 );
diff --git a/components/button/style/index.less b/components/button/style/index.less
index 2cdccd431e..2a5737b31f 100644
--- a/components/button/style/index.less
+++ b/components/button/style/index.less
@@ -195,7 +195,7 @@
     margin-left: @margin-xs;
   }
 
-  &-background-ghost {
+  &&-background-ghost {
     color: @btn-default-ghost-color;
     border-color: @btn-default-ghost-border;
     &,