Report

Здравствуйте форумчане!
Сижу верстаю форму поиска, и что-то не могу разобраться с фокусом... А именно не могу добиться следующего. При нажатии мышкой в область поиска, нужно что бы менялся цвет кнопки (лупа) и цвет вводимого текста.
Прошу помощи начинающему хакеру! ?
 
Мой супер код - http://jsfiddle.net/pLznkshc/

Всем привет. Верстаю шаблон и столкнулся с очень не хорошей проблемой. Суть вот в чем. Сайт на ДЛЕ, и у него есть функция поиска на лету (для тех кто не работал с данной CMS объясню, это когда в поле поиска вводишь и вместе с этим всплывает блок в котором показаны н-ое число материала в которых что ты вводишь есть). теперь о главном, моя форма поиска помещена в сплывающий при наведении блок :

Вот код: (так на всякий)  
.fix-left-icon { width:45px; height:30px; margin-left:5px; margin-top:3px; } .pop-up-left-fix { width:250px; min-height: 30px; left:45px; top:-37px; padding: 10px; border: none; -webkit-border-radius: 5px; border-radius: 5px; background: rgba(245,245,245,1); -webkit-box-shadow: 0 0 9px 4px rgba(0,0,0,0.5) ; box-shadow: 0 0 9px 4px rgba(0,0,0,0.5) ; z-index:999; position:relative; } .pop-up-left-fix::before { width: 15px; height: 15px; position: absolute; content: ""; margin: 0px 0 0 -18px; border: none; background: rgba(245,245,245,1); -webkit-box-shadow: -7px -7px 9px -4px rgba(0,0,0,0.5) ; box-shadow: -7px -7px 9px -4px rgba(0,0,0,0.5) ; -webkit-transform: rotateZ(-45deg) ; transform: rotateZ(-45deg) ; } <div class="fix-left-icon"><h3><span class="icon-search"></span></h3> <div class="pop-up-left-fix"> <!-- Поиск --> <form id="q_search" method="post" style="text-align:center;"> <input id="story" name="story" placeholder="Поиск по сайту..." type="search"> <button class="btn all-transition" type="submit" title="Найти">Найти</button> <input type="hidden" name="do" value="search"> <input type="hidden" name="subaction" value="search"> </form> <!-- / Поиск --> </div> </div> Сам поиск прекрасно работает, проблема с поиском на лету. Блок всплывающий и переходя на него (убирая курсор с блока в котором форма поиска) происходит потеря фокуса у блока, он принимает значение none и соответственно исчезает с экрана а вместе с ним и блок с поиском на лету ((. 
Это все предыстория а вот что я хочу, можно ли сделать так чтобы при переходе в блок поиска на лету браузер думал что  я держу курсор в блоке с формой поиска
 

Как добавить любому  элементу свойства  фокуса с помощи css или html?Чтобы переключаться межу этими элементам с помощи кнопки "TAB" и можно было добавить псевдокласс :focus.