使用Bootstrap在Black Navbar中搜索

Question

我正在尝试使用引导程序在搜索框中添加黑色导航栏，如下所示：http://jsfiddle.net/hYAEQ/410/。 css的代码如下。

我不喜欢收到焦点时搜索框的颜色如何变化。如何保持盒子的颜色与没有焦点时的颜色相同？

谢谢。

html, body { padding: 0; margin: 0;}

body { padding: 20px; }

.navbar-search {
    position: relative;
}

.navbar-search .search-query {
    padding-left: 29px !important;
}

.navbar-search .icon-search {
    position: absolute;
    top: 7px;
    left: 11px;
    background-image: url("http://twitter.github.com/bootstrap/assets/img/glyphicons-halflings.png");
}

Answer 1

您可以添加这些CSS规则，但这可能是一种非常严厉的方法。我希望它不会破坏你设计中的任何其他东西：

input[type="text"] {
    background-color: #ffffff !important;
    color: #555555 !important;
}

Fiddle