diff --git a/src/less/base/single/button/button.less b/src/less/base/single/button/button.less
index cb3cf4256..890220837 100644
--- a/src/less/base/single/button/button.less
+++ b/src/less/base/single/button/button.less
@@ -228,7 +228,7 @@ body .bi-button, #body .bi-button {
       .transition(@activeStopVal)
     }
     &:hover{
-      background-color: @color-bi-blue-5;
+      background-color: @color-bi-blue-10;
       .transition(@hoverVal);
     }
   }
@@ -256,7 +256,7 @@ body .bi-button, #body .bi-button {
     }
     &.button-ignore {
       &:hover{
-        background-color: @color-bi-blue-5;
+        background-color: @color-bi-blue-10;
       }
       &:active{
         background-color: @color-bi-blue-10;
diff --git a/src/less/core/utils/common.less b/src/less/core/utils/common.less
index 794c66b78..05d979099 100644
--- a/src/less/core/utils/common.less
+++ b/src/less/core/utils/common.less
@@ -519,7 +519,7 @@ textarea {
     & .bi-textarea {
       color: @color-bi-text-black;
     }
-    .background-color(@color-bi-background-highlight, 5%);
+    .background-color(@color-bi-background-highlight, 10%);
   }
   &.disabled {
     &, &:hover, &:active {
@@ -548,7 +548,7 @@ textarea {
       & .bi-textarea {
         color: @color-bi-text;
       }
-      .background-color(@color-bi-background-highlight, 5%);
+      .background-color(@color-bi-background-highlight, 10%);
     }
     &.disabled {
       &, &:hover, &:active {