Question

我想获得bootstrap的主要btn的实际颜色，并将其设置为另一个元素的边框volor（它应该是灵活的，因此使用哪个引导程序主题并不重要。）

目前我的代码看起来像这样：

var primarycolor = $(".primary").css("background-color");
$(document).ready(function() {
    $(".btn-breadcrumb .btn:not(:last-child):after").css("border-left", "10px solid " + primarycolor + "!important");
});

但它不起作用。谁能告诉我为什么？

Answer 1

考虑以下代码：

$(document).ready(function() {
    var primarycolor = $(".primary").css("background-color");//getting color after document loaded
    $(".btn-breadcrumb .btn:not(:last-child):after").css("border-left", "10px solid " + primarycolor + "!important");
});

Answer 2

我创建了一个满足您要求的演示版。请检查

http://plnkr.co/edit/mFWCbeu8sgPpJVFqJe1h?p=preview

获取元素的背景颜色并将其设置为其他元素的边框颜色

2 个答案: