jquery - IE7输入:focus

我有以下不在IE7中工作的CSS。

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根本无法识别这种样式。

编辑:您可以在此处找到使用原型(prototype)的解决方案:http://codesnippets.joyent.com/posts/show/1837

关于jquery - IE7输入:focus，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/967715/