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

灰色は、のlinear-gradientようなものbackground-imageです。省略形を使用してオーバーライドします。

デモ