<hr>的默认颜色是什么？

Question

谷歌没有运气,也有现有的hr颜色问题,导致如何改变hr颜色

我想创建一个border与默认<hr>颜色相同的颜色,但我不知道它究竟是什么颜色.

有谁知道？

ps - 我知道如何更改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-element 的border-style 并相应地调整你的颜色(可能是棘手的,浏览器依赖于计算)

查看演示获得相应颜色的演示.