如何在焦点上更改IE7中输入框的样式?

时间:2010-05-31 06:11:17

标签: asp.net jquery css internet-explorer-7

我知道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对象的数量。

有什么想法吗?

提前致谢,

2 个答案:

答案 0 :(得分:3)

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

应该是

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

你真的不需要每个循环,

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

很好。它将使用“日期选择器”类选择所有输入元素,并将事件绑定到它。 您可能还想了解.focusin().focusout()事件。

答案 1 :(得分:0)

尝试使用许多表单元素

$(“输入,选择,按钮”)。bind('focusin focusout',function(){         $(本).toggleClass( 'focu'); });