diff options
| author | Mark Otto <[email protected]> | 2019-07-14 02:00:57 -0700 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2019-07-14 12:00:57 +0300 |
| commit | cef69b9a658d35cb1b5887f8f063c8f23b860e07 (patch) | |
| tree | 98ac0261496dfb07ce461786d4c0009e9529d598 /site/content/docs | |
| parent | 6a9fd74a83b23a33cc5d07d9c38eb0c02bfb73f6 (diff) | |
| download | bootstrap-cef69b9a658d35cb1b5887f8f063c8f23b860e07.tar.xz bootstrap-cef69b9a658d35cb1b5887f8f063c8f23b860e07.zip | |
v5: Fix disabled styling on .form-file (#29022)
While #28450 overhauled a ton of forms work, the support for this custom file input was ineffective. This updates the selector to target the custom field and gray out the entire field.
Fixes #28176.
Diffstat (limited to 'site/content/docs')
| -rw-r--r-- | site/content/docs/4.3/forms/file.md | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/site/content/docs/4.3/forms/file.md b/site/content/docs/4.3/forms/file.md index 2645d280c..1c5370bc8 100644 --- a/site/content/docs/4.3/forms/file.md +++ b/site/content/docs/4.3/forms/file.md @@ -22,6 +22,18 @@ The file input is the most gnarly of the bunch and requires additional JavaScrip </div> {{< /example >}} +Add the `disabled` attribute to the `<input>` and the custom markup will be updated to appear disabled. + +{{< example >}} +<div class="form-file"> + <input type="file" class="form-file-input" id="customFileDisabled" disabled> + <label class="form-file-label" for="customFileDisabled"> + <span class="form-file-text">Choose file...</span> + <span class="form-file-button">Browse</span> + </label> +</div> +{{< /example >}} + Longer placeholder text is truncated and an ellipsis is added when there's not enough space. {{< example >}} |