Change floating label placeholder's color (#39494)

Co-authored-by: Louis-Maxime Piton <louismaxime.piton@orange.com> Co-authored-by: Julien Déramond <juderamond@gmail.com>
twbs · Mar 19, 2024 · e340674 · e340674
1 parent 4219af2
commit e340674
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/scss/forms/_floating-labels.scss b/scss/forms/_floating-labels.scss
@@ -17,6 +17,7 @@
  height: 100%; // allow textareas
  padding: $form-floating-padding-y $form-floating-padding-x;
  overflow: hidden;
+ color: rgba(var(--#{$prefix}body-color-rgb), #{$form-floating-label-opacity});
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
@@ -56,7 +57,6 @@
  > .form-control-plaintext,
  > .form-select {
  ~ label {
- color: rgba(var(--#{$prefix}body-color-rgb), #{$form-floating-label-opacity});
  transform: $form-floating-label-transform;
 
  &::after {
@@ -73,7 +73,6 @@
  // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
  > .form-control:-webkit-autofill {
  ~ label {
- color: rgba(var(--#{$prefix}body-color-rgb), #{$form-floating-label-opacity});
  transform: $form-floating-label-transform;
  }
  }