javascript - 的默认颜色是什么？

Question

谷歌运气不好，也存在hr颜色问题，导致怎么改hr颜色

我想创建一个 border与默认颜色相同 <hr>颜色，但我不知道它到底是什么颜色。

有人知道吗？

附注- 我知道如何更改 hr 标签的颜色。我想在更改它之前找出它是什么

Answer 1

水平标尺的颜色取决于浏览器，但您可以像下面这样获取 hr 元素的颜色:

el = document.querySelector("hr");
color = window.getComputedStyle(el).getPropertyValue("border-top-color");
console.log(color);

但是请注意，border-style 通常是嵌入的，因此您获得的颜色可能与您在屏幕上看到的“真实”值不同。你要么想要:

• 为您的边框设置与 hr
相同的边框样式
• 像我在演示中所做的那样，将 hr 元素的边框样式设置为 solid 以获得“真实”颜色
• 获取 hr 元素的边框样式并相应地调整您的颜色(计算可能很棘手并且依赖于浏览器)

查看 Demo这演示了获得相应的颜色。