3

我有一个使用 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 中运行。

4

1 回答 1

3

这适用于 IE8:

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

你可以在这里测试它:

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

更新
IE不喜欢的部分是outline值中的“auto”。所以black solid thin改用。

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

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

于 2012-08-06T14:35:31.783 回答