如何在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

尝试许多表单元素

$（“ input，select，button”）。bind（'focusin focusout'，function（）{$（this）.toggleClass（'focu'）;}）;