Html 将颜色选择器与示例文本一起使用

我正在使用我的内部网站上的控件

注意：我知道该控件不可用。这是一个只供FireFox和Chrome使用的内部网站

选择的颜色将用于在黑色文本后面创建突出显示的背景色，因此我希望将文字示例文本置于控件内，以便您可以立即看到是否会出现对比度问题

例如，如果在选择器中选择绿色，则会看到黑色的示例文本，背景为选定的绿色

有没有办法做到这一点？我不知道控件上有任何允许它的属性

起初我以为我可以把文本浮在它上面，但当然这会阻止按钮被点击

显然，下面的代码片段只有在使用

.颜色选择器{ 边框：1px000； 填充：0； 保证金：0； 宽度：120px； 背景色：fff； } 分频器{ 位置：相对位置； } 除名{ 位置：绝对位置； 顶部：1px； 左：20px； } 无正文： 使用示例文本： 示例文本

---

好吧，这比我想象的要容易，我已经有了一个解决方案

只需将单击事件添加到文本元素，并直接调用颜色选择器的单击

$function{ $divExample.onclick，函数{ $colorSelector.click； }; }; .颜色选择器{ 边框：1px000； 填充：0； 保证金：0； 宽度：120px； 背景色：fff； } 分频器{ 位置：相对位置； } 除名{ 位置：绝对位置； 顶部：1px； 左：20px； 光标：默认值；/*设置与颜色选择器相同的光标*/ } 无正文： 使用示例文本： 示例文本

---

我说对了吗？如果用户选择绿色，您希望文本为绿色，输入保持不变？@knitevision-不，对不起，我显然混淆了情况-高亮显示将是背景色，而不是文本颜色。我会更新问题好的……我明白你的意思。谢谢@Paulie\u D:-