Question

在菜单中，当我将鼠标悬停在搜索表单上时，搜索表单的周围div变为黑色。我想要的是当点击输入字段或焦点时我希望周围的div变黑，即使我停止悬停。非常感谢任何帮助。

Answer 1

您可以使用jQuery查找焦点，并根据自己的喜好设置背景颜色：

HTML：

<div id="out"><form method="get" id="searchform" action="http://www.unbotttled.com/">
    <input type="text" class="field" name="s" id="s" placeholder="">

</form>
</div>

jQuery的：

$('.field').focus(function() {
    $('#out').css('background-color','black');
});

小提琴：http://jsfiddle.net/yZhC3/

Answer 2

据我所知，你必须使用javascript。

使用jquery：

$search = $('.my-search-bar-input'); 
$search.on(':focus', function () {
    $search.parent().addClass('.selected');
})
.on(':blur', function () {
    $search.parent().removeClass('.selected);
});

和css：

.my-search-container.selected, .my-search-container:hover {
    background-color: #333; // Your color
}

这样的事情应该有用。

当搜索输入为：焦点使周围的div变黑

2 个答案: