diff --git a/packages/core/src/components/action-sheet/action-sheet.scss b/packages/core/src/components/action-sheet/action-sheet.scss index ba10a5d9e5..54baba2203 100644 --- a/packages/core/src/components/action-sheet/action-sheet.scss +++ b/packages/core/src/components/action-sheet/action-sheet.scss @@ -33,6 +33,11 @@ ion-action-sheet { width: $action-sheet-width; border: 0; + + &:active, + &:focus { + outline: none; + } } .action-sheet-container { diff --git a/packages/core/src/components/alert/alert.scss b/packages/core/src/components/alert/alert.scss index 10a6ff8eed..aac6032c54 100644 --- a/packages/core/src/components/alert/alert.scss +++ b/packages/core/src/components/alert/alert.scss @@ -105,3 +105,14 @@ ion-alert input { line-height: initial; background: transparent; } + + +.alert-button, +.alert-checkbox, +.alert-input, +.alert-radio { + &:active, + &:focus { + outline: none; + } +} diff --git a/packages/core/src/components/chip-button/chip-button.scss b/packages/core/src/components/chip-button/chip-button.scss index df9e78caf0..ff86205497 100644 --- a/packages/core/src/components/chip-button/chip-button.scss +++ b/packages/core/src/components/chip-button/chip-button.scss @@ -9,4 +9,9 @@ width: $chip-button-size; height: $chip-button-size; + + &:active, + &:focus { + outline: none; + } } diff --git a/packages/core/src/components/fab-button/fab-button.scss b/packages/core/src/components/fab-button/fab-button.scss index 8dfbe0bd81..0786f70663 100755 --- a/packages/core/src/components/fab-button/fab-button.scss +++ b/packages/core/src/components/fab-button/fab-button.scss @@ -29,6 +29,11 @@ user-select: none; contain: strict; + + &:active, + &:focus { + outline: none; + } } .fab-button ion-icon { diff --git a/packages/core/src/components/input/input.scss b/packages/core/src/components/input/input.scss index 6d610dc1c0..a10a3a26ce 100644 --- a/packages/core/src/components/input/input.scss +++ b/packages/core/src/components/input/input.scss @@ -38,6 +38,11 @@ ion-input { border: 0; background: transparent; + + &:active, + &:focus { + outline: none; + } } .native-input[disabled] { diff --git a/packages/core/src/components/radio/radio.scss b/packages/core/src/components/radio/radio.scss index 67dba4c0cf..a7320181d0 100644 --- a/packages/core/src/components/radio/radio.scss +++ b/packages/core/src/components/radio/radio.scss @@ -24,6 +24,11 @@ ion-radio input { -webkit-appearance: none; -moz-appearance: none; appearance: none; + + &:active, + &:focus { + outline: none; + } } ion-radio .radio-icon { diff --git a/packages/core/src/components/range/range.scss b/packages/core/src/components/range/range.scss index 98c688e474..eb3e751ca8 100644 --- a/packages/core/src/components/range/range.scss +++ b/packages/core/src/components/range/range.scss @@ -52,3 +52,10 @@ ion-range .range-slider { .range-pin { box-sizing: border-box; } + +.range-knob-handle { + &:active, + &:focus { + outline: none; + } +} diff --git a/packages/core/src/components/searchbar/searchbar.scss b/packages/core/src/components/searchbar/searchbar.scss index 295440245c..58b6ee5752 100644 --- a/packages/core/src/components/searchbar/searchbar.scss +++ b/packages/core/src/components/searchbar/searchbar.scss @@ -36,6 +36,11 @@ ion-searchbar { border: 0; font-family: inherit; + + &:active, + &:focus { + outline: none; + } } .searchbar-clear-icon { diff --git a/packages/core/src/components/segment/segment.scss b/packages/core/src/components/segment/segment.scss index 2ef51ad4db..6a885d117d 100644 --- a/packages/core/src/components/segment/segment.scss +++ b/packages/core/src/components/segment/segment.scss @@ -25,4 +25,9 @@ ion-segment { text-overflow: ellipsis; white-space: nowrap; cursor: pointer; + + &:active, + &:focus { + outline: none; + } } diff --git a/packages/core/src/components/textarea/textarea.scss b/packages/core/src/components/textarea/textarea.scss index e5cc8f4523..099ed89427 100644 --- a/packages/core/src/components/textarea/textarea.scss +++ b/packages/core/src/components/textarea/textarea.scss @@ -43,6 +43,11 @@ ion-textarea { font-size: inherit; background: transparent; + + &:active, + &:focus { + outline: none; + } } .native-textarea[disabled] { diff --git a/packages/core/src/components/toolbar/toolbar.scss b/packages/core/src/components/toolbar/toolbar.scss index 894873312b..eb3cf4f5f4 100644 --- a/packages/core/src/components/toolbar/toolbar.scss +++ b/packages/core/src/components/toolbar/toolbar.scss @@ -104,6 +104,11 @@ ion-buttons, vertical-align: -webkit-baseline-middle; // the best for those that support it user-select: none; + + &:active, + &:focus { + outline: none; + } } .bar-button::after {