html - 更改搜索栏的背景/文本颜色

Question

我的导航栏中有一个搜索栏（使用 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;
}

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

score 3 · Accepted Answer

你要：

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

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

顺便说一句，你写的选择器：

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

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

参考：

score 1 · Accepted Answer

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

>

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

删除空间。

2 回答 2