javascript - 将边框颜色变成背景颜色

Question

我有一个带有背景色的父 div。在里面我有一个 ul 有很多 li，每个都有不同的颜色，每个都有更亮的边框颜色。现在我想复制 li 的边框颜色，并将其用作父 div 的背景。

<div class="content">
    <ul class="list">
        <li class="item"></li>
        <li class="item"></li>
        <li class="item"></li>
    </ul>
</div>

我找到了这个 JQuery 代码，它复制了背景颜色。它有效，但我想要边框颜色。

$(document).ready(function(){
    $("li.item").click(function(){
        var bg = ['background-color',];
        var $this = $(this);
        $.each(bg , function(item, value) {
            $("div.macbook-content").css(value, $this.css(value));
        });
    });
});

有人知道该怎么办吗？

Answer 1

因为你没有附加你的 css 我自己做了，试试 fiddle : http://jsfiddle.net/jg51h5c5/

这是 jQuery 的变化:

$(document).ready(function(){
  $("li.item").click(function(){
    var bg = $(this).css("border-top-color");
    $("div.content").css("background-color",bg);
  });
});

已更新以在 Firefox 中使用在 Firefox 中工作的关键是你必须定义你想要的边框部分:顶部、底部、左侧、右侧