IE中的div未显示CSS大纲[关闭]答案

【问题标题】：CSS Outline not showing for div in IE [closed]IE中的div未显示CSS大纲[关闭]
【发布时间】：2012-08-06 13:53:40
【问题描述】：

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

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

我有一个 div FormContainer，当我单击特定 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 中运行。

【问题讨论】：

嗨，欢迎来到 SO！您能否编辑您的问题并添加您使用的相关代码，并更具体地说明问题？这样，我们可以为您提供更多/更好/更轻松的帮助。请注意，您可以随时编辑您的问题以改进它并添加详细信息。
对不起，现在我已经添加了我正在使用的代码，请帮助我
啊，是的，好多了！我看到你现在也有答案了，继续加油！

标签： jquery css internet-explorer outline

【解决方案1】：

这适用于 IE8：

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

你可以在这里测试它：

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

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

顺便说一句，这是{'outline-width': 'thin', 'outline-style': 'solid', 'outline-color': 'black'}的简写

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

【讨论】：

我已经编辑了我的问题，请看一下