如何使用 jQuery 获取元素的边框颜色值？

Posted 2023-05-09

【中文标题】如何使用 jQuery 获取元素的边框颜色值？

【英文标题】：How might I get an element's border color value using jQuery?

【发布时间】：2010-12-20 19:05:48

【问题描述】：

使用$("#id").css("background-color") 检索元素的背景颜色（或大多数其他 CSS 属性）可以正常工作，但是 $("#id").css("border-color") 返回一个空字符串。

如何获取元素上使用的边框颜色值？

【问题讨论】：

解释在这里：quirksmode.org/dom/getstyles.html 注意它在 IE 中有效。

尝试了他们提供的脚本 - 得到了相同的结果。所以显然这不是 JQuery 问题，而是 javascript 问题......

JussiR：没错！ jQuery 不能解决所有问题...

【参考方案1】：

CSS 具有“速记”属性，可让您一次发送多个属性。比如font、border、background等。嗯，border-color CSS属性实际上设置了4个属性border-top-color、border-right-color、border-bottom-color和border-left-color。

如果要获取边框颜色，则需要指定哪一侧。例如，要获取border-left-color 的当前值，您可以：

$("#id").css("border-left-color")

这应该可以正常工作，因为您似乎期望每一面都有相同的颜色。

【讨论】：

听起来合乎逻辑，但它也返回空字符串（带有 chrome 的 null）。

对不起，我写错了。它是边框左颜色、边框顶部颜色、边框右颜色、边框底部颜色。我会更新我的答案。

【参考方案2】：

William 很接近...您正在寻找的属性是 border-left-color，所以您需要完整的

$('#ID').css("border-left-color")

并设置它

$('#ID').css("border-left-color","blue");

例如。

祝你好运，在 cmets 中回击我。

【讨论】：

太棒了！我想我们有答案了，感谢大家参与！

没问题。这真的是你的解决方案 - 你能标记他的 Accepted JussiR 吗？

哦，对了。我认为有一个功能可以标记已接受的答案，但现在才意识到如何做到这一点。