diff --git a/core/src/components/button/button.scss b/core/src/components/button/button.scss index fafb9d1876..023cc6b51f 100644 --- a/core/src/components/button/button.scss +++ b/core/src/components/button/button.scss @@ -63,6 +63,11 @@ pointer-events: none; } +:host(.button-disabled) .button-native { + cursor: default; + opacity: .5; + pointer-events: none; +} // Solid Button // -------------------------------------------------- @@ -229,12 +234,6 @@ border: 0; } -.button-native[disabled] { - cursor: default; - opacity: .5; - pointer-events: none; -} - :host(.ion-focused) .button-native { background: var(--background-focused); color: var(--color-focused); diff --git a/core/src/components/fab-button/fab-button.scss b/core/src/components/fab-button/fab-button.scss index ba507ae66a..2dbae897ae 100755 --- a/core/src/components/fab-button/fab-button.scss +++ b/core/src/components/fab-button/fab-button.scss @@ -109,12 +109,6 @@ box-sizing: border-box; } -.button-native[disabled] { - cursor: default; - opacity: .5; - pointer-events: none; -} - ::slotted(ion-icon) { line-height: 1; } @@ -157,6 +151,12 @@ pointer-events: none; } +:host(.fab-button-disabled) .button-native { + cursor: default; + opacity: .5; + pointer-events: none; +} + // FAB Content // --------------------------------------------------