Javascript 更改侧边栏的颜色

Javascript 更改侧边栏的颜色,javascript,css,reactjs,Javascript,Css,Reactjs,我正在尝试更改的侧边栏的背景色。这是最新的。我尝试删除此元素的数据颜色属性 <div id="sidebar" className="sidebar" data-color="black" data-image={imagine}> 但由于某些原因,侧边栏仍然有黑色背景。我非常确定背景颜色是通过JavaScript以一种覆盖所有CSS规则的方式设置的,但我不知道如何/在哪里设置。我认为.sidebar背景可能会导致问题 .sidebar {

我正在尝试更改的侧边栏的背景色。这是最新的。我尝试删除此元素的数据颜色属性

  <div
    id="sidebar"
    className="sidebar"
    data-color="black"
    data-image={imagine}>
但由于某些原因,侧边栏仍然有黑色背景。我非常确定背景颜色是通过JavaScript以一种覆盖所有CSS规则的方式设置的,但我不知道如何/在哪里设置。

我认为.sidebar背景可能会导致问题

.sidebar {
  background: #0b7c9c !important;
}

.sidebar-background {
  display: none;
}

我看到背景色来自:在侧边栏类的伪元素之前,所以您需要使用!重要提示。侧边栏:背景前

.sidebar:before, body>.navbar-collapse:before {
    opacity: .33;
    background: #f00 !important;
}

您是否尝试删除类侧边栏的css?例如,边栏{background color:0}不是属性backgroundColor吗?我希望不是背景-color@Rama它确实是背景色。有什么问题吗?烤肉串外壳与能够使用background设置所有background-*属性一致。@DmitryNarkevich My bad。我以为他用的是本地的。
.sidebar:before, body>.navbar-collapse:before {
    opacity: .33;
    background: #f00 !important;
}