jquery`css`函数不返回`border-color`属性答案

【问题标题】：jquery `css` function doesn't return `border-color` propertyjquery`css`函数不返回`border-color`属性
【发布时间】：2015-07-14 01:57:19
【问题描述】：

我需要获得border-color 属性，我尝试使用css() 函数来做到这一点

$('.panel-warning').css('border-color')

但它是空的

HTML

<div class="col-md-4 is-draggable ui-draggable ui-draggable-handle ui-draggable-dragging">
    <div class="panel panel-warning">
        <div class="panel-heading">Intermediate Outcome</div>
    </div>
</div>

CSS

.panel-warning {
    border-color: #faebcc;
}

fiddle

【问题讨论】：

您的代码似乎正在运行。我在alert 中看到rgb 值
@RoryMcCrossan 浏览器？
你的小提琴工作正常。
@Pointy Chrome 43 on Win8.1
如果你想要十六进制值而不是 rgb 看看这个stackoverflow.com/questions/1740700/…

标签： javascript jquery html

【解决方案1】：

您必须转到单独的顶部、左侧、右侧和底部属性。

除非你这样做，否则 Firefox 将无法工作：

$('.panel-warning').css('border-left-color')

当然，这是一种痛苦和负担，但这些确实是可以单独设置的，所以我认为没有任何方法可以避免让你的 JavaScript 知道要查找的内容。

Chrome 显然在这里帮了你一个忙，尽管当不同的面确实有不同的颜色时，它可能会变得很奇怪。（很可能这是 WebKit 的核心行为，这意味着 Safari 和 Opera可能也会这样做。）

【讨论】：

很好，很好的答案。
这有点痛苦，但由于颜色确实是独立的属性，所以很难知道 Chrome 在做什么。

【解决方案2】：

试试这个

$(document).ready(function(){
    alert($('.panel-warning').css('border-color'));
});

或将您的 javascript 代码放在文件末尾的 html 和 css 代码之后

【讨论】：