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

Question

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

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

Answer 1

CSS具有“短手”属性，允许您一次发送多个属性。与font，border，background等类似。border-color CSS属性实际上设置了4个属性border-top-color，border-right-color，{{ 1}}和border-bottom-color。

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

border-left-color

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

Answer 2

威廉很接近......你正在寻找的属性是 border-left-color ，所以你需要

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

并设置它

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

例如。

祝你好运，并在评论中回击我。