Html 如何将颜色框添加到“选择”或“复选框”？

我想为颜色做出更直观的选择。例如，我想要一种方法来添加HTML选择菜单或复选框来选择颜色

（蓝色方形）-蓝色 （白色方形）-白色 （红色方形）-红色

可以使用选择菜单吗？如果没有，那么使用复选框的最佳方法是什么？使用CSS对每一项进行不同的样式化？或者在它前面添加一个图像

---

感谢您提供的任何代码示例或链接，谢谢。

因为您只需要寻找一些颜色，而不是整个范围，所以最好构建您自己的输入。我们希望：

输入[type=radio]

选择颜色

包含标签和颜色的输入的标签

要做到这一点，我们可以这样做

红色
...

每个div包含每个颜色选择的HTML：一个值等于颜色十六进制代码的输入（尽管您可以将其更改为任何您想要的值）和一个带有颜色框和关联颜色名称的标签

要创建颜色框，我们可以设置div的大小和背景色。使用CSS可能是最好的，加载真正不需要的图像是浪费

.colorChoice标签div{
宽度：24px；
高度：16px；
显示：内联块；
}
.bg红色{
背景色：#ff0000；
}
...

这样做的一个优点是，

bg-*

类不仅限于此形式，还可以应用于需要背景色的其他元素

.colorChoice标签div{
宽度：24px；
高度：16px；
显示：内联块；
}
.bg红色{
背景色：#ff0000；
}
.bg绿色{
背景色：#00ff00；
}
.bg蓝色{
背景色：#0000ff；
}
.bg黑色{
背景色：#000000；
}

红色
绿色
蓝色
黑色

这就是您要找的吗@jdabtieu很接近，但他们只能选择几种颜色。没有任何颜色。例如复选框或下拉列表。