覆盖 bower 包的 css答案

【问题标题】：Override css of bower package覆盖 bower 包的 css
【发布时间】：2014-09-04 05:15:08
【问题描述】：

您好，我正在使用一些 Bower 包，但有一些 CSS 规则定义如下：

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

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

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

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

【问题讨论】：

【解决方案1】：

background-color:

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

所以none无效，你应该使用：

background-color: transparent;

【讨论】：

【解决方案2】：

你有几个选择

background: none;

或

background-color: initial;

注意，initial 有一些狡猾的browser support。（显然不支持 IE）

【讨论】：

【解决方案3】：

background-color: none 无效。你必须使用背景色透明属性。

例如：

background-color: transparent;

【讨论】：