动态切换css文件

本文关键字：文件 css 动态 | 更新日期: 2023-09-27 18:26:40

我正在尝试使用C#在ASP.Net中动态切换CSS文件。

当我点击按钮1/button2时，代码运行良好，CSS文件打开/关闭，但当我打开另一个页面时，CSS被停用。

当我刷新页面时，CSS文件也会被停用。

示例>主页（deafault）！关于我们！联系我们

当我点击about us时，会打开另一个页面，CSS文件将被停用，默认文件将被激活。

如果我在切换CSS文件后单击about us，我希望CSS文件不会被停用。

请告诉我。

下面是我在主页上写的代码

<head>
<link id="lnkCSS" runat="server" href = "~/css/main-style.css.css"  rel="stylesheet" type="text/css" />
</head>
<form>    
    <asp:Button ID="Button1" runat="server" Text="CSS 1" OnClick="ChangeCSS" CommandArgument="theme1.css" />
    <asp:Button ID="Button2" runat="server" Text="CSS 2" OnClick="ChangeCSS" CommandArgument="theme2.css" />   
</form>

下面是我写的代码

protected void ChangeCSS(object sender, EventArgs e)
{
    lnkCSS.Attributes["href"] = "~/CSS/" + (sender as Button).CommandArgument;
}

问候

动态切换css文件

您需要执行post-back（或partial）以保留当前选择的CSS。这将允许其他页面加载当前选择的CSS而不是默认值。

相关文章：