DESIGN-4069 fix: 幽灵按钮图标悬浮颜色不对

demo/js/base/button/demo.button.js

@@ -193,6 +193,41 @@ Demo.Button = BI.inherit(BI.Widget, {
                 ghost: true,
                 height: 30
             }
+        }, {
+            el: {
+                type: "bi.button",
+                iconCls: "plus-font",
+                text: "幽灵按钮（common）",
+                ghost: true,
+                height: 30
+            }
+        }, {
+            el: {
+                type: "bi.button",
+                iconCls: "plus-font",
+                text: "幽灵按钮（common）",
+                ghost: true,
+                level: "warning",
+                height: 30
+            }
+        }, {
+            el: {
+                type: "bi.button",
+                iconCls: "plus-font",
+                text: "幽灵按钮（common）",
+                ghost: true,
+                level: "error",
+                height: 30
+            }
+        }, {
+            el: {
+                type: "bi.button",
+                iconCls: "plus-font",
+                text: "幽灵按钮（common）",
+                ghost: true,
+                level: "success",
+                height: 30
+            }
         }, {
             el: {
                 type: "bi.button",
@@ -246,7 +281,7 @@ Demo.Button = BI.inherit(BI.Widget, {
             el: {
                 type: "bi.button",
                 text: "浅色的一般按钮",
-                iconCls: "close-font",
+                iconCls: "plus-font",
                 light: true
             }
         }, {
@@ -254,7 +289,7 @@ Demo.Button = BI.inherit(BI.Widget, {
                 type: "bi.button",
                 text: "浅色的成功按钮",
                 level: "success",
-                iconCls: "close-font",
+                iconCls: "plus-font",
                 light: true
             }
         }, {
@@ -262,15 +297,16 @@ Demo.Button = BI.inherit(BI.Widget, {
                 type: "bi.button",
                 text: "浅色的警告按钮",
                 level: "warning",
-                iconCls: "close-font",
+                iconCls: "plus-font",
                 light: true
             }
         }, {
             el: {
                 type: "bi.button",
-                iconCls: "close-font",
+                iconCls: "plus-font",
                 text: "浅色的失败按钮",
                 level: "error",
+                cls: "hover-mask",
                 light: true
             }
         }];

src/less/base/single/button/button.less

@@ -64,7 +64,7 @@ body .bi-button, #body .bi-button {
       &, & .b-font:before {
         color: @color-bi-text-common-ghost-button;
       }
-      &:hover, &:focus {
+      &:hover, &:focus, &:hover .b-font:before, &:focus .b-font:before {
         color: @color-bi-text;
         background-color: @color-bi-background-hover-common-ghost-button;
       }
@@ -136,7 +136,7 @@ body .bi-button, #body .bi-button {
         color: @color-bi-text-success-ghost-button;
       }
       background-color: transparent;
-      &:hover, &:focus {
+      &:hover, &:focus, &:hover .b-font:before, &:focus .b-font:before {
         color: @color-bi-text;
         background-color: @color-bi-background-success-button;
       }
@@ -181,7 +181,7 @@ body .bi-button, #body .bi-button {
         color: @color-bi-text-warning-ghost-button;
       }
       background-color: transparent;
-      &:hover, &:focus {
+      &:hover, &:focus, &:hover .b-font:before, &:focus .b-font:before {
         color: @color-bi-text;
         background-color: @color-bi-background-warning-button;
       }
@@ -226,7 +226,7 @@ body .bi-button, #body .bi-button {
         color: @color-bi-text-error-ghost-button;
       }
       background-color: transparent;
-      &:hover, &:focus {
+      &:hover, &:focus, &:hover .b-font:before, &:focus .b-font:before {
         color: @color-bi-text;
         background-color: @color-bi-background-error-button;
       }