jquery - IE7 输入 :focus

Question

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

input:focus{border-width: 2px;border-color: Blue; border-style: solid;}

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

Answer 1

我理解不添加事件的愿望，但在这种情况下，看起来 MSIE7 在这一点上是个 SCSS ，需要修改。在您对@Ape-in​​ago 的评论中，您表示您正在使用 jQuery。这是 jQuery 中的解决方案。我在 MSIE 6 和 7 中对此进行了测试，它似乎可以满足您的要求。

<script type="text/javascript">
$(document).ready(function(){
    if (jQuery.browser.msie === true) {
        jQuery('input')
            .bind('focus', function() {
                $(this).addClass('ieFocusHack');
            }).bind('blur', function() {
                $(this).removeClass('ieFocusHack');
            });
    }

});
</script>
<style>
input:focus, input.ieFocusHack
{
    border-width: 2px;
    border-color: Blue;
    border-style: solid;
}
</style>