如何在IE8中注入样式？

Question

// create a style element
$("#main").html('<style id="custom_persona_css"></style>'); 

$("#custom_persona_css").append('#abc{ color:#000000; }');

正如你所知,这在IE8中不起作用!

如何在IE8中使其工作？

将出现以下错误:'意外调用方法或属性访问',因为IE8无法将html识别为有效(abc部分)

Answer 1

在 MSIE 中设置与 -element 相关的 styleSheet-object 的 cssText-property <style/>：

   $('<style id="custom_persona_css"></style>').appendTo('head'); 

   if($.browser.msie)
   {
    $("#custom_persona_css").prop('styleSheet').cssText='#abc{ color:#000000; }';
   }
   else
   {
    $("#custom_persona_css").append('#abc{ color:#000000; }');
   }

http://jsfiddle.net/doktormolle/BLJUv/

更多信息：http://msdn.microsoft.com/en-us/library/ie/ms533698%28v=vs.85%29.aspx