2

我想动态更改样式表的内容，例如：

 .menu
{
 color: #333333;
 Font-size : 12px;
}

我想动态更改颜色和字体大小。如何动态替换颜色值（如#333333 到#ffffff）和字体大小（12px 到 14px）。

我正在寻找在样式表中使用变量的方法，并将其分配给可以使我的工作轻松的属性。

等待回复示例。

4

3 回答 3

1

如果您使用 asp.net，请使用内联 html。在这里阅读

<div style="font-size: <% Response.Write(i)%>">
        Hello World<br />
</div>
于 2013-07-24T07:02:35.150 回答
0

您可以将 JavaSctipt 与 JQuery 一起使用：

$("#myButton").Click(function()
{
    $(".menu").css({"color":"#ffffff","font-size":"14px"});
});
于 2013-07-24T07:08:44.050 回答
0

我不太确定您可以在样式表中使用变量，我认为一种解决方法是在运行时生成样式表并将其分配给页面。

在您的 asp.net 页面中，您可以拥有：

<head>
    <title>WebForm1</title>
    <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
    <meta name="CODE_LANGUAGE" content="C#">
    <meta name="vs_defaultClientScript" content="JavaScript">
    <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
    <asp:literal id="literalCss" runat="server"></asp:literal>
</head>

而不是在你后面的代码中你可以使用：

private void Page_Load(object sender, System.EventArgs e)
{
// create css file here for the specific user and save it in a folder,
// give a meaning full name to file, if user specific you can append user id in name like
string fileName = "cssFile_" + userid + ".css";
    literalCss.Text = @"<link href='/style/" + fileName + "' rel='stylesheet' type='text/css' />";
}

我希望它可以帮助你。

于 2013-07-24T07:17:37.403 回答