什么是<hr>的默认颜色？
谷歌没有运气，也存在hr颜色问题，导致如何改变hr颜色
我想创建一个与默认<hr>颜色相同颜色的border ，但我不知道它是什么颜色。
有谁知道？
PS - 我知道如何改变hr标签的颜色..我想知道它在改变之前是什么
水平标尺的颜色取决于浏览器，但您可以获取hr元素的颜色，如下所示：
el = document.querySelector("hr");
color = window.getComputedStyle(el).getPropertyValue("border-top-color");
console.log(color);
但请注意，通常border-style是插入的，所以您获得的颜色可能与您在屏幕上看到的“真实”值不同。 你要么：
hr相同的边框样式 hr元素的边框样式设置为像我在演示中获得的“真实”颜色一样solid hr元素的边框样式并相应地调整您的颜色（可能需要使用棘手和浏览器来计算） 看到演示获取相应的颜色。
w3没有为hr元素（http://www.w3.org/TR/CSS21/sample.html）定义默认颜色，但html5默认样式表尚未得到确认，但不应改变这一事实。
因此，每个浏览器都可以自由应用自己的默认设置。
颜色是浏览器/实现相关的，所以知道颜色是不可能的。
相反，您可以使用CSS来定义<hr>元素的颜色：
hr {
color: red;
}
现在你知道这个颜色是红色的！
更新：因为看起来取决于浏览器需要使用color或background-color （请参阅评论）。 在你的CSS中使用它们似乎是明智的：
hr {
color: red;
background-color: red;
}