0

我的导航栏中有一个搜索栏(使用 Bootstrap):

<li>
    <form class="navbar-search pull-right">
        <input type="text" class="search-query offset1" placeholder="Search">
    </form>
</li>

我想更改默认的背景颜色和文本颜色,所以我实现了以下 CSS:

input .search-query {
    background-color:#f47443;
    color:white;
}

然而颜色保持不变——黑色和白色。我缺少的表单/输入背景颜色和字体颜色有什么特别之处吗?

4

2 回答 2

3

你要:

input.search-query {
    /* css */
}

JS 小提琴演示

如果没有空格,它会选择input一个类为search-query;的元素。空格分隔术语input.search-query浏览器正在元素内部查找input具有该类的后代元素。search-query

顺便说一句,你写的选择器:

input .search-query {
    /* css */
}

永远无法匹配任何元素,因为input(与img元素一样)无效元素,因为它们不能包含后代元素甚至文本。

参考:

于 2013-03-08T15:18:39.643 回答
1
input .search-query {
    background-color:#f47443;
    color:white;
}

>

input.search-query {
    background-color:#f47443;
    color:white;
}

删除空间。

于 2013-03-08T15:19:34.207 回答