diff --git a/components/button/PropsType.tsx b/components/button/PropsType.tsx
index c7d6bf093f..d1a73ea17d 100644
--- a/components/button/PropsType.tsx
+++ b/components/button/PropsType.tsx
@@ -15,6 +15,7 @@ export interface ButtonWebProps extends WebProps, ButtonProps {
   inline?: boolean;
   across?: boolean;
   icon?: string;
+  activeClassName?: string;
 }
 
 export interface ButtonNativeProps extends NativeProps, ButtonProps {
diff --git a/components/button/index.web.tsx b/components/button/index.web.tsx
index a28b3a3ab1..858374aa4c 100644
--- a/components/button/index.web.tsx
+++ b/components/button/index.web.tsx
@@ -39,8 +39,8 @@ class Button extends React.Component<ButtonWebProps, any> {
   render() {
     const {
       children, className, prefixCls, type, size, inline, across,
-      disabled, icon, loading, activeStyle, onClick, delayPressIn,
-      delayPressOut, ...restProps,
+      disabled, icon, loading, activeStyle, activeClassName, onClick,
+      delayPressIn, delayPressOut, ...restProps,
     } = this.props;
 
     const wrapCls = {
@@ -73,7 +73,7 @@ class Button extends React.Component<ButtonWebProps, any> {
     // use div, button native is buggy @yiminghe
     return (
       <Touchable
-        activeClassName={activeStyle ? `${prefixCls}-active` : undefined}
+        activeClassName={activeClassName || (activeStyle ? `${prefixCls}-active` : undefined)}
         disabled={disabled}
         activeStyle={activeStyle}
         {...delayProps}