如何风格化输入[ type = color ]

Question

有没有办法对输入[type=color]字段进行样式化？我想改变它的背景和大小。

我说的是“RGB”周围的空白。

Answer 1

您可以使用 CSS 更改背景和大小

input{
background-color:yellow; height:40px
}

<input type="color">

Answer 2

浏览器的颜色选择器（如您共享的图像中的颜色选择器）是一个本机 UI 组件。不幸的是，您无法直接设置颜色选择器窗口的样式。

您经常需要使用 JavaScript 或外部库（如 jscolor Pickr 或 .

）创建自定义颜色选择器