javascript - 通过 HTML/CSS/JavaScript 实现 5 种可能的颜色？

Question

我有一个用于我的电子商店的模块，它允许用户选择一个元素并使用可以四处移动的彩色文本对其进行个性化设置。在文本字段中输入文本，并通过 JScolor.js 交互的元素选择文本的颜色。选择颜色后，文本会自动更改其颜色。

问题是我的实体个性化机器只支持5种基本颜色打印。因此，有没有办法将调色板限制为仅这 5 种颜色或以其他方式/.js/html/css 实现该效果？

Answer 1

如果你想使用 HTML5 调色板，你必须在这 5 种颜色的字段上进行标准输入验证，这对用户来说可能是一个巨大的可用性问题，否则，真的没有办法说“嘿调色板” , 只显示这些颜色'。您可以做的是用允许的颜色制作 5 个样本，然后让用户以这种方式选择它。您可以设置一些单选按钮的样式来执行此操作，以及许多其他方法来完成 5 个选项的可选字段。