mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 05:21:52 +08:00
fix() remove default focus styles (#13856)
This commit is contained in:
@ -33,6 +33,11 @@ ion-action-sheet {
|
|||||||
width: $action-sheet-width;
|
width: $action-sheet-width;
|
||||||
|
|
||||||
border: 0;
|
border: 0;
|
||||||
|
|
||||||
|
&:active,
|
||||||
|
&:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.action-sheet-container {
|
.action-sheet-container {
|
||||||
|
@ -105,3 +105,14 @@ ion-alert input {
|
|||||||
line-height: initial;
|
line-height: initial;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.alert-button,
|
||||||
|
.alert-checkbox,
|
||||||
|
.alert-input,
|
||||||
|
.alert-radio {
|
||||||
|
&:active,
|
||||||
|
&:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@ -9,4 +9,9 @@
|
|||||||
|
|
||||||
width: $chip-button-size;
|
width: $chip-button-size;
|
||||||
height: $chip-button-size;
|
height: $chip-button-size;
|
||||||
|
|
||||||
|
&:active,
|
||||||
|
&:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
@ -29,6 +29,11 @@
|
|||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
||||||
contain: strict;
|
contain: strict;
|
||||||
|
|
||||||
|
&:active,
|
||||||
|
&:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.fab-button ion-icon {
|
.fab-button ion-icon {
|
||||||
|
@ -38,6 +38,11 @@ ion-input {
|
|||||||
border: 0;
|
border: 0;
|
||||||
|
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
||||||
|
&:active,
|
||||||
|
&:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.native-input[disabled] {
|
.native-input[disabled] {
|
||||||
|
@ -24,6 +24,11 @@ ion-radio input {
|
|||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
-moz-appearance: none;
|
-moz-appearance: none;
|
||||||
appearance: none;
|
appearance: none;
|
||||||
|
|
||||||
|
&:active,
|
||||||
|
&:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
ion-radio .radio-icon {
|
ion-radio .radio-icon {
|
||||||
|
@ -52,3 +52,10 @@ ion-range .range-slider {
|
|||||||
.range-pin {
|
.range-pin {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.range-knob-handle {
|
||||||
|
&:active,
|
||||||
|
&:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@ -36,6 +36,11 @@ ion-searchbar {
|
|||||||
|
|
||||||
border: 0;
|
border: 0;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
|
|
||||||
|
&:active,
|
||||||
|
&:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.searchbar-clear-icon {
|
.searchbar-clear-icon {
|
||||||
|
@ -25,4 +25,9 @@ ion-segment {
|
|||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
|
&:active,
|
||||||
|
&:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
@ -43,6 +43,11 @@ ion-textarea {
|
|||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
|
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
||||||
|
&:active,
|
||||||
|
&:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.native-textarea[disabled] {
|
.native-textarea[disabled] {
|
||||||
|
@ -104,6 +104,11 @@ ion-buttons,
|
|||||||
vertical-align: -webkit-baseline-middle; // the best for those that support it
|
vertical-align: -webkit-baseline-middle; // the best for those that support it
|
||||||
|
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
||||||
|
&:active,
|
||||||
|
&:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.bar-button::after {
|
.bar-button::after {
|
||||||
|
Reference in New Issue
Block a user