javascript - 浏览器如何处理源代码中的 CSS 颜色名称

Question

在将复杂的 CSS 颜色名称应用于 DOM 元素时，有没有办法覆盖 javascript 如何将复杂的 CSS 颜色名称转换为 rgb 值。

例如：document.getElementById("colorMe").style.background = "lightblue" 将div.style对象设置为背景 = rgb(...)。

但是， document.getElementById("colorMe").style.background = "blue"会将div.style对象设置为背景 = blue。

我想绕过 javascript 如何将该颜色转换为复杂颜色名称的 RGB 值。这可能吗？

score 2 · Accepted Answer

CSS 颜色的标准化格式用于rgb(R,G,B)不透明颜色和半透明颜色rgba(R,G,B,A)。无论您提供什么作为输入，它都会转换为其中一种格式作为输出，您无能为力。

但是，您可以将名称保存在其他位置，如下所示：

elem.setAttribute("data-color",elem.style.color = "lightblue");

然后就得到elem.getAttribute("data-color")，你有你的lightblue意见。

score 0 · Accepted Answer

有一个标准叫做 webcolors...

当您的浏览器读取 lightblue 时，它只会将其转换为 173 216 230。

2 回答 2