rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

Floating labels improvements (#30966)

Browse Source 
* docs(example): floating-labels' better Edge fallback

* docs(example): refactor floating-labels' CSS
This commit is contained in:
Gaël Poupard 2020-06-24 13:11:20 +02:00 committed by GitHub
parent 02ff387daa
commit 9c320df652
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
site/content/docs/5.0/examples/floating-labels/floating-labels.css
View File

@ -23,13 +23,13 @@ body {
margin-bottom: 1rem;
}
.form-label-group > input,
.form-label-group > label {
.form-label-group input,
.form-label-group label {
height: 3.125rem;
padding: .75rem;
}
.form-label-group > label {
.form-label-group label {
position: absolute;
top: 0;
left: 0;
@ -47,11 +47,11 @@ body {
color: transparent;
}
.form-label-group input::-ms-input-placeholder {
.form-label-group input::-moz-placeholder {
color: transparent;
}
.form-label-group input::-moz-placeholder {
.form-label-group input::-ms-input-placeholder {
color: transparent;
}
@ -86,9 +86,15 @@ body {
/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
.form-label-group > label {
display: none;
.form-label-group {
display: flex;
flex-direction: column-reverse;
}
.form-label-group label {
position: static;
}
.form-label-group input::-ms-input-placeholder {
color: #777;
}