Add `cursor:pointer` to color inputs (#32020)

* Add `cursor:pointer` for color inputs

* Add to migration guide

diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss
index 7b52c6cfef4ec15d1ee9c2899bf3cbe2818fbb0e..7fe9f72001d20282c36cf649fc2ee8dfa439fb85 100644 (file)
--- a/scss/forms/_form-control.scss
+++ b/scss/forms/_form-control.scss
@@ -1,5 +1,5 @@
 //
-// Textual form controls
+// General form controls (plus a few specific high-level interventions)
 //
 
 .form-control {
@@ -208,6 +208,10 @@ textarea {
 .form-control-color {
   max-width: 3rem;
   padding: $input-padding-y;
+
+  &:not(:disabled):not([readonly]) {
+    cursor: pointer;
+  }
 }
 
 .form-control-color::-moz-color-swatch {

diff --git a/site/content/docs/5.0/migration.md b/site/content/docs/5.0/migration.md
index ed4070121c8dca4a8b001b2726db2fd4e4b3eb82..d4370fe53062d139178bfc08f658b80a15859e17 100644 (file)
--- a/site/content/docs/5.0/migration.md
+++ b/site/content/docs/5.0/migration.md
@@ -26,6 +26,7 @@ toc: true
 - The longstanding [Missing border radius on input group with validation feedback bug](https://github.com/twbs/bootstrap/issues/25110) is finally fixed by adding an additional `.has-validation` class to input groups with validation.
 - Promoted the Floating labels example to fully supported form component. [See the new Floating labels page.]({{< docsref "/forms/floating-labels" >}})
 - File inputs now use the `.form-control` class and don't require JavaScript, additional HTML, or additional classes. [See #31955](https://github.com/twbs/bootstrap/pull/31955).
+- Added `cursor:pointer` to `.form-control-color` color inputs.
 
 ### Utilities