如何通过颜色选择器更改Asp.net中页面的背景颜色

时间:2011-06-08 04:45:28

标签: c# asp.net css

我正在开发一个页面,其中我通过单击特定按钮为用户提供了交互性以更改页面的背景颜色。我试图通过各种网站找出,但他们提供了有关如何更改文本框或网格视图的背景颜色的信息。它有点像定制工具,你可以在orkut和face book等各种网站找到它。

2 个答案:

答案 0 :(得分:1)

在css / style

body
{
  background-color:#000000;
}

但是,由于您似乎想要动态更改颜色,然后在javascript或代码后面,将正文的类更改为应用了背景颜色的类。

例如。对于后面的代码,请确保使用runat =“server”和id设置 然后在代码背后:

bodyId.Attributes["class"] = "test";

在css中:

.test
{
  background-color: #000000 !important;
}

请注意,这将在回发后发生,而在您提到的网站中,它可能使用javascript。

答案 1 :(得分:0)

您可以使用jQuery动态修改DOM,这对您的情况非常适合。这是使用.css()方法的快速示例。完成更改后,您可以将值存储在cookie或其他某种机制中,并在下次加载页面时使用它。

//assumes MyButtonId is the id of the button the user clicks
$('#MyButtonId').click(function () {
  //set the background-color of the body element to green
  $('body').css('background-color', '#00F') 
});