Html Jscolor颜色选择器自定义（值名称更改）

我使用Jscolor选择器来选择我的画布颜色，它对我来说非常好，但我需要给它一个更好的样式。 现在看起来是这样的

画布

我想更改值名，即“#FFFFFF”，并将其命名为“Canvas”，这样它看起来就像是一个更改画布颜色的按钮，这样它看起来就像这样

---

我试过了，但没有发现关于定制样式的任何线索，有没有办法解决这个问题？

我希望这是您所期望的。我使用了一些CSS属性来实现预期的结果

//让我们定义自定义预设
jscolor.presets.myPreset={
格式：“十六进制”，
宽度：201，
身高：81，
背景颜色：“#333”，
调色板：“#fff#000#808080#996e36#f55525#ffe438#88dd20#22e0cd#269aff#bb1cd4”，
}
//记录颜色值
让getValue=（）=>{
let value=ele.getAttribute（'data-current-color'）；
console.log（值）；
}
设ele=document.querySelector（'.input'）；
元素addEventListener（'change'，getValue）
.input{
宽度：0px；
填充：0px！重要；
高度：20px；
边界：无；
大纲：无；
}
.输入：焦点{
大纲：无；
}
皮克先生{
显示器：flex；
宽度：110px；
边框：2倍纯色灰色；
}
皮克分区{
宽度：100%；
文本对齐：居中；
}

帆布

<p><input class="neu" id="canvasColor"value="#ffffff" data-jscolor="" > Canvas </p>