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 值。这可能吗？

Answer 1

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

但是，您可以将名称保存在别处，如下所示:

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

然后只需获取 elem.getAttribute("data-color") 即可获得 lightblue 输入。