在Windows 8 metroUI app上应用下载的CSS

时间:2013-06-20 10:02:43

标签: windows-8 winjs

我必须下载CSS文件并将样式表应用到我的应用程序。我将此文件下载到本地文件夹并将其作为

引用
style.href = "ms-appdata:///local/css//custom.css"; 

并附加到头部

document.getElementsByTagName('head')[0].appendChild(style);  
文件onready事件后

。 似乎没有效果(但我可以在dom浏览器中看到这个元素)。

那么对css源有什么限制:app包,本地文件夹?由于MS的限制,可能是不可能引用下载的CSS?或者我可能做错了什么?有什么建议吗?

2 个答案:

答案 0 :(得分:1)

但请记住,您可以访问document.styleSheets集合并从JavaScript动态列出,添加或删除CSS规则。您可以使用document.styleSheets[0].cssRules[0].style.color = "red"之类的语句通过DOM访问各个规则,或者如果您自己获取了一些自定义CSS文本(在线动态来自其他CSS文件),您可以将其样式添加到您的某个活动样式中使用document.styleSheets[0].cssText = "{my CSS code}"之类的工作表。请务必通过查看document.styleSheets[0].href

来操作正确的样式表

答案 1 :(得分:0)

我认为你试图走下那条道路是不幸的。

  

请注意,出于安全原因,您无法导航到   您已下载到此位置的HTML,但您不能   运行任何可执行文件或可能的可执行代码   作为脚本或CSS。

来源:http://msdn.microsoft.com/en-us/library/windows/apps/hh781215

此外,这篇博文似乎也很有用:http://palermo4.com/post/How-to-Use-IFrames-in-WinRT-Apps.aspx