diff options
| author | Mark Otto <[email protected]> | 2022-05-20 11:02:32 -0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2022-05-20 11:02:32 -0700 |
| commit | eaf760e4bce69f64277b20602d9dc864d39d89aa (patch) | |
| tree | f6abccce244cd6993eed9bd146a4c543d2eb9710 /site/content/docs | |
| parent | e2e107fc7215f36ff73cf2fbb29e35d703a82679 (diff) | |
| download | bootstrap-eaf760e4bce69f64277b20602d9dc864d39d89aa.tar.xz bootstrap-eaf760e4bce69f64277b20602d9dc864d39d89aa.zip | |
Update form-control-color sizing and styles (#36156)
Diffstat (limited to 'site/content/docs')
| -rw-r--r-- | site/content/docs/5.2/forms/form-control.md | 2 |
1 files changed, 2 insertions, 0 deletions
diff --git a/site/content/docs/5.2/forms/form-control.md b/site/content/docs/5.2/forms/form-control.md index 9c1c495b1..046004d7c 100644 --- a/site/content/docs/5.2/forms/form-control.md +++ b/site/content/docs/5.2/forms/form-control.md @@ -108,6 +108,8 @@ If you want to have `<input readonly>` elements in your form styled as plain tex ## Color +Set the `type="color"` and add `.form-control-color` to the `<input>`. We use the modifier class to set fixed `height`s and override some inconsistencies between browsers. + {{< example >}} <label for="exampleColorInput" class="form-label">Color picker</label> <input type="color" class="form-control form-control-color" id="exampleColorInput" value="#563d7c" title="Choose your color"> |