Question

我需要获取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

Answer 1

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

除非你这样做，否则Firefox不会工作：

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

这当然是一种痛苦和负担，但那些真的是可以单独设置的，所以我不知道有没有办法避免让你的JavaScript知道要找什么

Chrome在这里显然对你有利，但是当不同的方面确实有不同的颜色时，它可能会变得奇怪。（打赌它是WebKit的核心行为，这意味着Safari和Opera 可能也会这样做。）

Answer 2

试试这个

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

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

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

2 个答案: