Начиная с IE 9. Теперь вы можете загрузить текстовый файл и установить свойство style.innerHTML. Таким образом, вы можете теперь загрузить файл css через ajax (и получить обратный вызов), а затем просто установить текст внутри тега стиля, как это.
Это работает в других браузерах, не уверен, как далеко назад. Но пока вам не нужно поддерживать IE8, тогда это сработает.
// RESULT: doesn't work in IE8 and below. Works in IE9 and other browsers.
$(document).ready(function() {
// we want to load the css as a text file and append it with a style.
$.ajax({
url:'myCss.css',
success: function(result) {
var s = document.createElement('style');
s.setAttribute('type', 'text/css');
s.innerHTML = result;
document.getElementsByTagName("head")[0].appendChild(s);
},
fail: function() {
alert('fail');
}
})
});
, а затем вы можете заставить его вытащить внешний файл, например myCss.css
.myClass { background:#F00; }