Question

我想在iphone屏幕的情况下更改图标按钮的背景颜色.... 但颜色不变，你能说出如何解决它... 当您将浏览器窗口缩小为iphone屏幕时，您可以看到灰色的菜单按钮....

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

.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;
}

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

Demo

背景颜色不会改变

2 个答案: