search - 使用 Bootstrap 在黑色导航栏中搜索

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

小提琴。