html - 背景颜色不变

Question

我正在尝试更改图标按钮的背景颜色以防 iphone 屏幕....但是颜色没有改变您能告诉如何解决它...当您将浏览器窗口缩小到 iphone 屏幕时，您可以看到灰色菜单按钮....

当我给背景颜色时：红色只有边框显示红色如何以红色显示整个按钮

http://jsfiddle.net/Zkdfq/

.navbar .btn-navbar {
            display: block;
            background-color: red;
          }

Answer 1

原因是：

.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    ...
}

在 bootstrap.css 中，它为您的按钮声明了背景颜色。
为您的查询添加样式，如下所示：

.btn {
    background-color: red !important;
    background-image: none;
}

Answer 2

.navbar .btn-navbar {
  background: red;
}

灰色是 a linear-gradient，它就像 a background-image。使用速记覆盖它。

演示