mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2025-07-27 08:29:53 +03:00
Resolve issue with Chrome autofill not triggering floating label
This commit is contained in:
parent
e8c47fbbde
commit
be41828840
|
@ -85,7 +85,8 @@ fieldset[disabled] .form-control.focus:disabled,
|
|||
font-size: @font-size-base;
|
||||
}
|
||||
.form-control:focus ~ .floating-label,
|
||||
.form-control:not(.empty) ~ .floating-label {
|
||||
.form-control:not(.empty) ~ .floating-label,
|
||||
.form-control:-webkit-autofill ~ .floating-label {
|
||||
top: @floating-label-size-ratio * -@font-size-base;
|
||||
font-size: @floating-label-size-ratio * @font-size-base;
|
||||
}
|
||||
|
@ -95,7 +96,8 @@ fieldset[disabled] .form-control.focus:disabled,
|
|||
top: 7px;
|
||||
}
|
||||
.form-control.input-sm:focus ~ .floating-label,
|
||||
.form-control.input-sm:not(.empty) ~.floating-label {
|
||||
.form-control.input-sm:not(.empty) ~.floating-label,
|
||||
.form-control.input-sm:-webkit-autofill ~ .floating-label {
|
||||
top: @floating-label-size-ratio * -@font-size-small;
|
||||
font-size: @floating-label-size-ratio * @font-size-small;
|
||||
}
|
||||
|
@ -105,7 +107,8 @@ fieldset[disabled] .form-control.focus:disabled,
|
|||
top: 10px;
|
||||
}
|
||||
.form-control.input-lg:focus ~ .floating-label,
|
||||
.form-control.input-lg:not(.empty) ~ .floating-label {
|
||||
.form-control.input-lg:not(.empty) ~ .floating-label,
|
||||
.form-control.input-lg:-webkit-autofill ~ .floating-label {
|
||||
top: @floating-label-size-ratio * -@font-size-large;
|
||||
font-size: @floating-label-size-ratio * @font-size-large;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue
Block a user