【发布时间】:2015-04-20 00:14:04
【问题描述】:
是否可以在 2 个 CSS 文件之间进行更改?
例如:我有默认的 Bootstrap 主题,但我想制作一个带有主题列表的下拉列表,以便用户可以选择他想要的主题。搜索我发现你可以有这样的东西:
<link type="text/css" rel="stylesheet" href="../Content/bootstrap.min.css" title="default"/>
<link type="text/css" rel="alternate stylesheet" href="../Content/bootstrap.min.cosmo.css" title="cosmos"/>
您可以使用 JavaScript 函数进行更改:
<script>
function setActiveStyleSheet(title) {
var i, a, main;
for (i = 0; (a = document.getElementsByTagName("link")[i]) ; i++) {
alert(a.href);
if(a.getAttribute("rel").indexOf("style") != -1
&& a.getAttribute("title")) {
a.disabled = true;
if(a.getAttribute("title") == title) a.disabled = false;
}
}
}
</script>
但是当我单击一个按钮时,我认为页面刷新并返回到默认主题。 有没有办法永久更改主题?
【问题讨论】:
标签: css asp.net twitter-bootstrap