更改输入颜色元素类型的属性

Question

我想更改<input type="color"/> 我尝试通过 javascript 执行此操作的一个属性，但目前我找不到更改属性的方法/属性，该属性在下图中用红色圆圈标记，例如将值设为 120 .

.

Answer 1

这些参数通常称为HSL颜色值。hsl(hue, saturation, lightness)它们在 CSS 中指定。

CSS 参数可以立即用作字符串来修改必要的颜色。

如果您想编辑背景，以下内容可以帮助您：

document.getElementById('text').style.backgroundColor = "hsl(0, 0%, 100%)";

如果要设置字体颜色，请使用以下方法：

document.getElementById('text').style.color = "hsl(180, 50%, 50%)";

您可以根据需要更改样式属性。

希望有帮助！