具有透明度的颜色输入

Question

是否可以使用内置选择透明颜色

<input type="color">

我还没有找到可以做到这一点的滑块。我需要检查一些额外的选项吗？

Answer 1

AFAIK 没有使用 进行透明颜色选择的选项<input type="color">，但是您可以做的是为 alpha 设置另一个输入，并像这样设置颜色输入的不透明度：

function updateColorAlpha (alpha) {
    document.getElementById('color').style.opacity = alpha;
}

<input type="color" id="color">
<input type="range" id="alpha" onchange="updateColorAlpha(this.value);" min="0" max="1" step="0.1" value="1">