jquery – IE7输入:焦点

前端之家收集整理的这篇文章主要介绍了jquery – IE7输入:焦点前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下CSS在IE7中不起作用.
input:focus{border-width: 2px;border-color: Blue; border-style: solid;}

基本上,我只想在输入聚焦时设置边框属性.适用于Firefox等…如果有人能解释为什么它不能在IE 7中工作并提出可能的解决方法,我们将不胜感激.谢谢.

解决方法

这个问题的一个已知答案是使用以下代码
sfFocus = function() {
    var sfEls = document.getElementsByTagName("INPUT");
    for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onfocus=function() {
            this.className+=" sffocus";
        }
        sfEls[i].onblur=function() {
            this.className=this.className.replace(new RegExp(" sffocus\\b"),"");
        }
    }}
if (window.attachEvent) window.attachEvent("onload",sfFocus);

这是css风格

input:focus,input.sffocus{background-color:#DEEFFF;}

问题是IE根本不承认这种风格.

编辑:你可以在这里找到一个使用原型的解决方案:http://codesnippets.joyent.com/posts/show/1837

猜你在找的jQuery相关文章