Question

我有一个div，如何从其父级的背景颜色中获取其边框颜色，并在父级上透明背景颜色。所有这些都在jQuery或JS代码中。

e.x。代码是这样的：

    <div class="parent">
      <div class="child">
      </div>
    </div>



    <style>

    .parent {
    background-color: #333;
    }
    .child {
    border-color: #fff;
    }
</style>

现在，我希望子边框颜色变为＃333（父颜色），父背景颜色（＃333）变为透明。

我想根据父子关系而不是div的名称来做。

谢谢大家。

Answer 1

使用父背景颜色

更改孩子的 border-color

var child = $('.child');

child.css({
  'border-color': child.parent().css('background-color')
});

将父母的背景颜色更改为透明

child.parent().css('background-color', 'transparent');

你需要多个元素吗？

从母亲的背景颜色和透明父母的背景颜色中读取边框颜色值

1 个答案: