Question

我正在使用：专注于选择下拉列表。在IE8中，这需要两次点击，一次激活焦点（我可以通过我的样式看到）下一次实际给出下拉。当我删除焦点样式时，所有工作都在IE8中按预期工作。

有人遇到过这个问题吗？我有一个Doc类型集，所以不是那个问题。

input[type='text'], select, textarea {
   border:1px solid clack;
   box-shadow: 0;
   padding:8px;
   font-size:14px;
   padding:8px;
   background:white; 
}

select:focus {
        border:2px solid yellow;
        -webkit-box-shadow: none;
        box-shadow:none;
    }

Answer 1

这应该可以解决您的问题（IE 8.0修复）

<style>
    select { background-color: #BDE5F8; }
    select:focus, select.focus { 
background-color: white; 
    /*Style here*/
}
</style>

<!--[if lt IE 8]><script>
    // Javascript only
    var selects= document.getElementsByTagName('select');
    for (var i= selects.length; i-- >0;) {
        var select= selects[i];
        select.onfocusin= function() {
            this.className= 'focus';
        };
        select.onfocusout= function() {
            this.className= '';
        };
    }

    // Jquery fix
    $('select').bind('focusin', function() {
        $(this).addClass('focus');
    }).bind('focusout', function() {
        $(this).removeClass('focus');
    });
</script><![endif]-->

IE8：焦点导致问题 - 需要双击

1 个答案: