javascript - 検索入力が :focus の場合、周囲の div を黒くします

Question

私のサイトunbotttled.com で

メニューで、カーソルを合わせると、検索フォームの周囲の 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/