Question

可以在两个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>

但是当我点击一个按钮时，我认为页面刷新并返回默认主题。有没有办法永久改变主题？

Answer 1

是的，你可以！您必须获取css文件的URL并将其添加到BundleConfig并刷新页面。如果您需要参考锻炼，请查看此link

Answer 2

您需要在客户端保留哪个是活动样式表。可能是通过cookies。

如何在ASP.NET中更改Bootstrap CSS文件？

2 个答案: