html – Firefox不遵守`disabled`样式表

概述我有一个网站,需要加载两个主题.第二个主题可以由用户打开/关闭.我目前通过在链接中使用禁用标记来完成此 *** 作,如下所示： <link rel="stylesheet" href="{{main css}}"><link rel="stylesheet" title="theme-white" href="{{2nd theme css}}" disabled> 然后我在javascript中切换禁 我有一个网站,需要加载两个主题.第二个主题可以由用户打开/关闭.我目前通过在链接中使用禁用标记来完成此 *** 作,如下所示：

<link rel="stylesheet" href="{{main CSS}}"><link rel="stylesheet" title="theme-white" href="{{2nd theme CSS}}" Disabled>

然后我在JavaScript中切换禁用.

这适用于Safari(mac),Chrome(mac / windows)和IE10.但是,firefox(包括mac和windows)似乎忽略了页面加载时的禁用标记,并在初始加载时显示第二个主题(因为它是第二个加载的).但是,当我手动切换禁用时,firefox会响应标记并开始切换第二个主题.

有什么建议？也许有更好的方法来实现这一目标？

解决方法 我找到了一个似乎在所有浏览器中都可用的解决方法.这似乎不应该是最好的方式,但我想分享.

由于一些原因,这并不理想,但我试图简化它,没有像jquery那样的任何外部库依赖,因为这需要放在你的head标签中,你可能还没有加载你的Js库.

<script>    window.onload = function() {        var path  = "CSS";        var style   = document.createElement( 'link' );        style.rel   = 'stylesheet';        style.href   = '/your/CSS/url.CSS';        document.getElementsByTagname( 'head' )[0].appendChild( style );        style.Disabled = true;    };</script>

注意：firefox似乎只响应已禁用的标记,如果它已添加到DOM后应用于样式表.我仍然觉得我错过了什么,因为这看起来很疯狂.

所以,如果你把style.Disabled = true;在将样式添加到文档之前,firefox无法识别样式表的禁用状态.

总结

以上是内存溢出为你收集整理的html – Firefox不遵守`disabled`样式表全部内容，希望文章能够帮你解决html – Firefox不遵守`disabled`样式表所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。