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

61b5efba · Itamar Eduardo Gonçalves de Oliveira · Mark Otto · a1b2071f · 61b5efba
Commit 61b5efba authored 4 years ago by Itamar Eduardo Gonçalves de Oliveira Committed by Mark Otto 4 years ago
Hide whitespace changes
Inline Side-by-side

Showing

with 7 additions and 0 deletions
+7 -0
--- 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) {