在 ASP.NET 中动态加载 css

Question

我正在我的母版页中加载 css ...

<link rel="stylesheet" href="css/mystyles.css" title="styles" type="text/css" />

现在我想根据 web.config 键动态加载它。有没有更好/标准的方法来做到这一点，或者我的想法是标准方法？

谢谢

Answer 1

选项 1：

您可以在 css 链接中添加 runat="server" 属性，并从代码隐藏文件中设置 href 值，您可以在其中动态设置它。

选项2：

HtmlLink link = new HtmlLink();
link.Attributes["href"] = filename;
link.Attributes["type"] = "text/css";
link.Attributes["rel"] = "stylesheet";
Page.Header.Controls.Add(link);

Answer 2

选项 4：将整个链接添加到代码中的 head

void AddStylesheet(string ssRef) {
    HtmlHead head = Page.Header;

    Literal l = new Literal(); 
    l.Text = "<link href=\""+ssRef + "\" type=\"text/css\" rel=\"stylesheet\" />";
    head.Controls.Add(l);
}   

...这与选项 2 本质上类似

Answer 3

选项 3：

在 head 标记中，您可以通过将样式表路径存储在会话变量中来使样式表动态化：

 <link rel="stylesheet" type="text/css" href="<%=Session("PathToStyleSheet") %>" />

Answer 4

选项 5：

将 CSS 放入新的 App_Themes 子文件夹中，并使用 web.config 主题设置主题名称。然后从母版页的代码后面加载主题。但要小心；主题按字母顺序加载 CSS 文件。