v4 Examples/Floating-labels: fix bad behavior with autofill

twbs · Oct 27, 2020 · 61b5efb · 61b5efb
1 parent a1b2071
commit 61b5efb
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/site/docs/4.5/examples/floating-labels/floating-labels.css b/site/docs/4.5/examples/floating-labels/floating-labels.css
@@ -103,6 +103,13 @@ body {
   color: #777;
 }
 
+.form-label-group input:-webkit-autofill ~ label {
+  padding-top: .25rem;
+  padding-bottom: .25rem;
+  font-size: 12px;
+  color: #777;
+}
+
 /* Fallback for Edge
 -------------------------------------------------- */
 @supports (-ms-ime-align: auto) {