Как изменить стиль поля ввода в IE7 на фокусе?

Question

Я знаю, что в IE7 есть проблемы ...

Я читал здесь и в Google сообщения о том, что мне нужно установить стиль вручную onfocus () и onblur (). Однако все, что я пытаюсь, не работает!

Вот мой JQuery

    $(document).ready(function(){                       

        if (jQuery.browser.msie === true) {

        $("input.date-picker").each(function(i) 
            {
                var $foo= $(this);
                $foo.bind('onfocus onblur', function() {
                    $(this).toggleClass('smalltxt-active');
                    });

            });                

            }//end if


     });

соответствующая коробка

<input name="ctl00$SelectionContent$Selections1$txtDestinationDate" type="text"
id="ctl00_SelectionContent_Selections1_txtDestinationDate" class="date-picker" 
style="width:80px;" />

Я уже подтвердил, что мой код обнаруживает MSIE. Что я получаю счет 2 объекта input.date-picker.

Есть идеи?

Заранее спасибо,

Answer 1

$foo.bind('onfocus onblur', function() {

должно быть

$foo.bind('focus blur', function() {

Тебе не нужен каждый цикл,

$("input.date-picker").bind('focusin focusout', function(){
  $(this).toggleClass('smalltxt-active');
}

Просто отлично. Он выберет все входные элементы с помощью класса 'date-picker' и свяжет события с ним. Вы также можете прочитать о событиях .focusin () и .focusout () .

Answer 2

попробуйте это для многих элементов формы

$ («ввод, выбор, кнопка»). Bind («focusin focusout», function () { $ (Это) .toggleClass ( 'FOCU'); });