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

Question

使用$("#id").css("background-color")检索元素的背景颜色(或其他大多数CSS属性)工作得很好,但 $("#id").css("border-color")返回一个空字符串.

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

Answer 1

CSS具有"短手"属性,允许您一次发送多个属性.像font,border,background,等好了,border-colorCSS属性实际上设置了4个属性border-top-color,border-right-color,border-bottom-color,和border-left-color.

如果要获取边框颜色,则需要指定哪一边.例如,要获得当前值border-left-color,您需要:

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

这应该工作得很好,因为你似乎期望每一面都有相同的颜色.

Answer 2

威廉很亲密...你正在寻找的属性是边框左边的颜色,所以你需要完整的

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

并设置它

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

例如.

祝你好运,并在评论中回击我.