Html 背景色不变

我正在尝试更改iphone屏幕中图标按钮的背景色。。。。 但是颜色没有改变，你能告诉我怎么修复它吗。。。 当您将浏览器窗口缩小到iphone屏幕时，您可以看到灰色的菜单按钮

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

原因是：

.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中，wich为按钮声明背景色。
向查询中添加样式，如下所示：

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

灰色是一个

线性梯度

，类似于

背景图像

。使用速记来覆盖它

---

谢谢您的回复……您能告诉我您在fiddle1495中添加代码的位置吗。你可以更改背景色的声明，我就是找不到。悬停时它显示黑色…你能告诉我如何删除它吗。。。。

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

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