我已经编写了 Javascript 来将 css 动态应用于页面。
var css = 'body {background-color:#111;}';
var themeCssNode = document.getElementById('theme_css');
if (themeCssNode) {
themeCssNode.parentNode.removeChild(themeCssNode);
}
themeCssNode = document.createElement('style');
themeCssNode.type = 'text/css';
themeCssNode.id = 'theme_css';
document.getElementsByTagName('head')[0].appendChild(themeCssNode);
if (themeCssNode.styleSheet) {
themeCssNode.styleSheet.cssText = css;
} else {
var cssText = document.createTextNode(css);
themeCssNode.appendChild(cssText);
}
上面的 javascript 在所有浏览器中都可以正常工作,但在 safari 中不能正常工作。我尝试了各种组合但没有运气所以最后想把它放在这里以获得专家的帮助。
非常感谢您提前。