diff options
| -rw-r--r-- | scss/forms/_floating-labels.scss | 3 | ||||
| -rw-r--r-- | site/content/docs/5.3/forms/floating-labels.md | 2 |
2 files changed, 3 insertions, 2 deletions
diff --git a/scss/forms/_floating-labels.scss b/scss/forms/_floating-labels.scss index 3ca4264d7..2cf04704d 100644 --- a/scss/forms/_floating-labels.scss +++ b/scss/forms/_floating-labels.scss @@ -84,7 +84,8 @@ } } - > :disabled ~ label { + > :disabled ~ label, + > .form-control:disabled ~ label { // Required for `.form-control`s because of specificity color: $form-floating-label-disabled-color; &::after { diff --git a/site/content/docs/5.3/forms/floating-labels.md b/site/content/docs/5.3/forms/floating-labels.md index a65a85797..9a390e4ff 100644 --- a/site/content/docs/5.3/forms/floating-labels.md +++ b/site/content/docs/5.3/forms/floating-labels.md @@ -89,7 +89,7 @@ Add the `disabled` boolean attribute on an input, a textarea or a select to give <label for="floatingTextareaDisabled">Comments</label> </div> <div class="form-floating mb-3"> - <textarea class="form-control" placeholder="Leave a comment here" id="floatingTextarea2Disabled" style="height: 100px" disabled></textarea> + <textarea class="form-control" placeholder="Leave a comment here" id="floatingTextarea2Disabled" style="height: 100px" disabled>Disabled textarea with some text inside</textarea> <label for="floatingTextarea2Disabled">Comments</label> </div> <div class="form-floating"> |