diff --git a/scss/components/_button-group.scss b/scss/components/_button-group.scss
index d4e7f15b1..70d8609d8 100644
--- a/scss/components/_button-group.scss
+++ b/scss/components/_button-group.scss
@@ -60,6 +60,16 @@
         margin-left: 0;
     }
 
+    // cxd的ButtonGroup的is-active和:active样式不一样，这里做个兼容
+    .#{$ns}Button--primary:not(:disabled):not(.is-disabled).is-active{
+        @if variable-exists("ButtonGroup--primary-isActive-color") {
+            color: $ButtonGroup--primary-isActive-color;
+        }
+        @if variable-exists("ButtonGroup--primary-isActive-bg") {
+            background-color: $ButtonGroup--primary-isActive-bg;
+        }
+    }
+
     @if $Button-borderWidth>0 {
         > .#{$ns}Button:not(:last-child),
         > .#{$ns}ButtonGroup:not(:last-child) > .#{$ns}Button {
diff --git a/scss/themes/cxd.scss b/scss/themes/cxd.scss
index 02c183340..d5a28a7c8 100644
--- a/scss/themes/cxd.scss
+++ b/scss/themes/cxd.scss
@@ -202,9 +202,9 @@ $Button--primary-border: $primary;
 $Button--primary-onHover-bg: #209bfd;
 $Button--primary-onHover-border: $primary;
 $Button--primary-onHover-color: $white;
-$Button--primary-onActive-bg: $white;
+$Button--primary-onActive-bg: #047bdb;
 $Button--primary-onActive-border: $primary;
-$Button--primary-onActive-color: $primary;
+$Button--primary-onActive-color: $white;
 
 $Button--danger-bg: #ea2e2e;
 $Button--danger-onHover-bg: #f64545;
@@ -212,6 +212,8 @@ $Button--danger-onActive-bg: #d72b2b;
 
 $ButtonGroup-divider-width: px2rem(1px);
 $ButtonGroup-divider-color: #fff;
+$ButtonGroup--primary-isActive-color: $primary;
+$ButtonGroup--primary-isActive-bg: $white;
 
 $Button--link-color: $primary;
 $Button--link-onHover-color: #209bfd;