覆盖Bower软件包的CSS

Question

嗨，我正在使用一些Bower软件包，但是有一些如下定义的CSS规则：

.rn-carousel-indicator {
  width: 100%;
  text-align: center;
  height: 20px;
  background-color: black;

我想将其覆盖到我的common.css中以删除背景色，我可以成功地将其设置为红色，但不能将其设置为空：

.rn-carousel-indicator {
    background-color: none;
}

无论如何我可以做到这一点？ 非常感谢！

Answer 1

background-color ：

background-color CSS属性通过颜色值或关键字transparent设置元素的背景色。

所以none无效的，您应该使用：

background-color: transparent;

Answer 2

您有几种选择

background: none;

要么

background-color: initial;

注意， initial具有一些躲闪的浏览器支持 。 （显然不支持IE）

Answer 3

background-color：没有无效的。 您必须使用背景色透明属性。

例如：

background-color: transparent;