Question

I am trying to change the background color for the icon button in case of iphone screens….
but the color is not changing can you tell how to fix it…
when you reduce the browser window to iphone screen you can see the menu button in grey color….

when i give background-color: red only the border shows red how to show the entire button in red color

http://jsfiddle.net/Zkdfq/

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

Answer 1

The cause is the:

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

in the bootstrap.css wich declares a background color for your button.
Add a style to your query, like this:

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