Question

我有一个使用jQuery设置大纲的div。它在Chrome中运行良好，但在IE中无效。

我知道大纲在IE6和IE7中不起作用，但它在IE8和IE9中也不起作用。

我有一个div FormContainer，当我点击一个特定的div时，其他div被放置我希望它突出显示所以点击我设置该div的焦点并处理这样的焦点事件：

$('.FormContainer div').focus(function (e) {    
        if ($(e.target).hasClass('QuestionText') == false) {    
            $(this).css({ 'outline': 'black auto thin' });
            $(this).find('.buttonControl').show();    
            $(this).find('.buttonControl').css({ 'border': '1px solid black', 'border-bottom': 'none' });    
            $(this).addClass('FocusDiv');    
        }    
        e.stopImmediatePropagation();    
    });

所有其他css工作正常，但只有$(this).css({ 'outline': 'black auto thin' });无效。它在Chrome中运行良好但无法在IE8和IE9中运行。

Answer 1

这适用于IE8：

$('div').css({'outline': '1px solid blue'});

你可以在这里测试一下：

http://jsfiddle.net/MCPHX/1/

<强>更新
IE不喜欢的部分是大纲值中的“自动”。所以请改用black solid thin。

BTW，这是{'outline-width': 'thin', 'outline-style': 'solid', 'outline-color': 'black'}

的简写

可在此处找到这些属性的标准接受值：http://www.w3schools.com/css/css_outline.asp

CSS大纲没有在IE中显示div

1 个答案: