diff --git a/src/action-sheet/index.less b/src/action-sheet/index.less
index 9d3c0ef63..4e7081ad3 100644
--- a/src/action-sheet/index.less
+++ b/src/action-sheet/index.less
@@ -78,5 +78,9 @@
     color: @action-sheet-close-icon-color;
     font-size: @action-sheet-close-icon-size;
     line-height: inherit;
+
+    &:active {
+      color: @action-sheet-close-icon-active-color;
+    }
   }
 }
diff --git a/src/style/var.less b/src/style/var.less
index 36b2e00b5..310b36c27 100644
--- a/src/style/var.less
+++ b/src/style/var.less
@@ -71,8 +71,9 @@
 @action-sheet-item-disabled-text-color: @gray-5;
 @action-sheet-subname-color: @gray-7;
 @action-sheet-subname-font-size: @font-size-sm;
-@action-sheet-close-icon-size: 18px;
-@action-sheet-close-icon-color: @gray-6;
+@action-sheet-close-icon-size: 20px;
+@action-sheet-close-icon-color: @gray-5;
+@action-sheet-close-icon-active-color: @gray-6;
 @action-sheet-close-icon-padding: 0 @padding-md;
 @action-sheet-cancel-padding-top: @padding-xs;
 @action-sheet-cancel-padding-color: @background-color;