IE8: фокус вызывает проблему - нужно дважды щелкнуть

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]-->