在IE瀏覽器中沒有顯示CSS大綱的div

我有一個使用jQuery設置大綱的div。它在Chrome中工作正常，但不能在IE中工作。在IE瀏覽器中沒有顯示CSS大綱的div

我知道大綱在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中運行。

來源

2012-08-06 rahul

嗨，歡迎SO！你可以編輯你的問題，並添加你使用的相關代碼，並更具體地解決這個問題？這樣我們可以幫助你更多/更好/更容易。請注意，您可以隨時編輯您的問題以改進它並添加詳細信息。 – Jeroen 2012-08-06 14:22:02

對不起，現在的簡短描述我已經添加了代碼，我正在使用請幫助我 – rahul 2012-08-07 04:30:05

啊，是的，好多了！我看到你現在也得到了答案，繼續保持！ – Jeroen 2012-08-07 06:28:12

這個工作在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

來源

2012-08-06 14:35:31 Faust

我已編輯我的問題，請看看它 – rahul 2012-08-07 04:30:49

非常感謝它的作品 – rahul 2012-08-07 06:33:36

在IE瀏覽器中沒有顯示CSS大綱的div

回答

相關問題