diff --git a/src/button/style/index.less b/src/button/style/index.less index 421e3d3969..ef55dcb1d7 100644 --- a/src/button/style/index.less +++ b/src/button/style/index.less @@ -31,24 +31,24 @@ background-color: @blue-2; .elevation(1); - &:enabled:hover, + &:hover, &.@{button-prefix-cls}_active { background-color: @blue-3; .elevation(2); } - &:disabled:not(.@{button-prefix-cls}_loading) { - color: @gray-3; - background-color: @gray-1; - cursor: not-allowed; - .elevation(none); - } - &.@{button-prefix-cls}_loading { background-color: @blue-3; cursor: not-allowed; .elevation(2); } + + &.@{button-prefix-cls}_disabled { + color: @gray-3; + background-color: @gray-1; + cursor: not-allowed; + .elevation(none); + } } &_secondary { @@ -56,23 +56,23 @@ background-color: transparent; .border(2, @gray-2); - &:enabled:hover, + &:hover, &.@{button-prefix-cls}_active { color: @blue-3; background-color: @gray-1; } - &:disabled:not(.@{button-prefix-cls}_loading) { - color: @gray-3; - background-color: transparent; - cursor: not-allowed; - } - &.@{button-prefix-cls}_loading { color: @blue-3; background-color: @gray-1; cursor: not-allowed; } + + &.@{button-prefix-cls}_disabled { + color: @gray-3; + background-color: transparent; + cursor: not-allowed; + } } &_text { @@ -80,21 +80,24 @@ color: @gray-5; background-color: transparent; .border(2, transparent); - &:enabled:hover, + + &:hover, &.@{button-prefix-cls}_active { color: @blue-3; background-color: @gray-1; } - &:disabled:not(.@{button-prefix-cls}_loading) { - color: @gray-3; - background-color: transparent; - cursor: not-allowed; - } + &.@{button-prefix-cls}_loading { color: @blue-3; background-color: @gray-1; cursor: not-allowed; } + + &.@{button-prefix-cls}_disabled { + color: @gray-3; + background-color: transparent; + cursor: not-allowed; + } } &_small {