4f5e9072e59d1fd3744fba80f101e6d3374c552e
max
  Thu Oct 31 05:53:34 2024 -0700
color picker looks like other options, refs #33302

diff --git src/hg/js/hui.js src/hg/js/hui.js
index 4cd46fd..8e2cd67 100644
--- src/hg/js/hui.js
+++ src/hg/js/hui.js
@@ -1505,31 +1505,31 @@
 
     let loadHlColor = function() {
         // load hlColor from prevHlColor in the cart, or use default color, set and return it
         // color is a 6-char hex string prefixed by #
         if (typeof prevHlColor !== "undefined" && prevHlColor.length > 0) {
             hlColor = prevHlColor;
         } else if (typeof cartHighlightColor !== "undefined" && cartHighlightColor.length > 0) {
             hlColor = cartHighlightColor;
         } else {
             hlColor = cartColor;
         }
         return hlColor;
     };
 
     let colorPickerContainer = document.createElement("div");
-    colorPickerContainer.textContent = typeof label !== "undefined" && label.length > 0 ? label : "Highlight color: ";
+    colorPickerContainer.innerHTML = typeof label !== "undefined" && label.length > 0 ? label : "Highlight color: ";
     // display: inline means if there is an info icon it will show up in line with the color picker
     colorPickerContainer.style = "display: inline";
     let inpText = document.createElement("input");
     // special case the drag select highlight feature because it has special code:
     if (cartVar === "hlColor") {
         inpText.id = cartVar + "Input";
     } else {
         inpText.id = "colorPicker." + cartVar + "Input";
     }
     inpText.value = loadHlColor();
     inpText.type = "text";
     inpText.style = "width: 70px";
     // The actual color picker:
     let inpSpec = document.createElement("input");
     if (cartVar === "hlColor") {