mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
40 lines
709 B
SCSS
40 lines
709 B
SCSS
|
|
// Text Input
|
|
// --------------------------------------------------
|
|
|
|
$input-focus-border-color: #51a7e8 !default;
|
|
$input-focus-box-shadow: inset 0px 0px 8px 0px $input-focus-border-color !default;
|
|
|
|
$text-input-background-color: $list-background-color !default;
|
|
|
|
|
|
ion-input.item {
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.key-input ion-input {
|
|
|
|
&.has-focus {
|
|
border-color: $input-focus-border-color;
|
|
box-shadow: $input-focus-box-shadow;
|
|
}
|
|
|
|
:focus {
|
|
outline: none;
|
|
}
|
|
}
|
|
|
|
ion-input .text-input {
|
|
flex: 1;
|
|
background-color: $text-input-background-color;
|
|
pointer-events: none;
|
|
}
|
|
|
|
ion-input.has-focus .text-input {
|
|
pointer-events: auto;
|
|
}
|
|
|
|
ion-input textarea {
|
|
padding-top: 9px;
|
|
}
|