diff --git a/ionic/components/checkbox/checkbox.scss b/ionic/components/checkbox/checkbox.scss index 177ffc23f1..7befa88bd0 100644 --- a/ionic/components/checkbox/checkbox.scss +++ b/ionic/components/checkbox/checkbox.scss @@ -8,8 +8,8 @@ ion-checkbox { @include user-select-none(); } -ion-checkbox[aria-disabled=true] .item-inner > * { - pointer-events: none; +ion-checkbox[aria-disabled=true] { opacity: 0.5; color: $subdued-text-color; + pointer-events: none; } diff --git a/ionic/components/radio/radio.scss b/ionic/components/radio/radio.scss index 34f3cc62e8..40b29361f8 100644 --- a/ionic/components/radio/radio.scss +++ b/ionic/components/radio/radio.scss @@ -9,7 +9,7 @@ ion-radio { @include user-select-none(); } -ion-radio[aria-disabled=true] .item-inner > * { +ion-radio[aria-disabled=true] { opacity: 0.5; color: $subdued-text-color; pointer-events: none; diff --git a/ionic/components/switch/switch.scss b/ionic/components/switch/switch.scss index 5695291654..3b6a601df2 100644 --- a/ionic/components/switch/switch.scss +++ b/ionic/components/switch/switch.scss @@ -13,8 +13,8 @@ ion-switch media-switch { cursor: pointer; } -ion-switch[aria-disabled=true] .item-inner > * { - pointer-events: none; +ion-switch[aria-disabled=true] { opacity: 0.5; color: $subdued-text-color; + pointer-events: none; }