asp.net 动态修改css样式,ASP.NET中直接用C# 动态修改CSS样式

ASP.NET中直接用C#动态修改CSS样式

wonsoft(wonsoft@163.com)

使用JavaScript控制CSS样式有点麻烦，还是觉得直接使用C#操作更方便快捷，本文通过两个Button控制TextBox1的高度和背景色，以展示通过C#控制CSS样式的方法。以下是操作的实例：

一、前端代码(TestEditStyle.aspx.)如下：

无标题页

二、后台代码(TestEditStyle.aspx.cs)如下：

using System;

using System.Collections;

using System.Configuration;

using System.Data;

using System.Linq;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.HtmlControls;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Xml.Linq;

public partial class Test_TestEditStyle :System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void Button1_Click(object sender, EventArgs e)

{

TextBox1.Style["background-color"] = "blue";//背景设为蓝色

TextBox1.Style["height"] = "200px";//高度设为200

}

protected void Button2_Click(object sender, EventArgs e)

{

TextBox1.Style["background-color"] = "red";//背景设为红色

TextBox1.Style["height"] = "100px";//高度设为100

}

三、补充说明：

只要在标签里加上runat ="server"和ID="MyTag"，就可在后台代码中直接通过设置MyTag.Style的值来控制样式。　　例如：

在前端加入：

后台即可以直引用mydiv这个对像进行控制：

mydiv.Style["width"] = "100px";

mydiv.Style["height"] = "100px";

mydiv.Style["background-color"] ="yellow";

asp.net 动态修改css样式,ASP.NET中直接用C# 动态修改CSS样式相关推荐

asp.net response.write输出html,ASP.NET 动态输出Javascript 文本格式换行问题 [ASP.NET | C# | Response]...
用户控件的使用可以大大提高程序的开发进度,同时,也使代码规范整洁,程序结构清晰.本文基于实际项目,实现了一个多文件上传的用户控件.下面先简单描述一下控件的功能: 1.可以实现多文件上传,可控制上传数量 ...
服务器文件扩展名怎么改,修改服务器配置让asp.net文件后缀名随心所欲
修改服务器配置让asp.net文件后缀名随心所欲更新时间:2012年06月27日 12:06:45 作者: asp或php的方法对.net就不行了,同样的办法,修改应用程序映射后,仍然没有得到 ...
vue动态切换css文件_vue实现样式之间的切换及vue动态样式的实现方法
编程之家收集整理的这篇文章主要介绍了vue实现样式之间的切换及vue动态样式的实现方法,编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考. 前言既然我们选择了vue,那么在做东西时就不要想 ...
微信会员卡html修改样式模板,微信小程序 JS动态修改样式的实现代码
微信小程序这个坑啊,js动态修改样式,我们并不能用js或者jq 轻轻松松一行代码搞定.或者用removeClass addClass 来修改样式. 以下是一种动态修改样式的方法,原理是绑定数据,然后动 ...
解决asp.net FileUpload控件无法获取完整路径的问题 - 无序修改浏览器参数
尝试了很多办法,都不能获取到文件的完整路径 //string pName = Server.MapPath(this.FileUpload1.PostedFile.FileName); //获取项目服 ...
动态网站设计十八般武艺——ASP篇（一）（转）
看了<如何令你的网站"动感十足">一文后,是否令你怦然心动?是否已经急不可待地想构建属于你自己的动态网站?本文将以Active Server Pages为中心,向你全面 ...
动态网站设计十八般武艺——ASP篇（七）（转）
教学纲要在上一篇中作者给大家详细介绍了ASP内建对象之一Request的使用方法,相信各位通过一系列的实践已经能够熟练掌握,本篇将继续给大家介绍ASP的另一个内建对象Response. 最近,有很多 ...
jsp php动态网站开发,动态网站开发技术ASP、PHP与JSP的比较
龙源期刊网 http://www.doczj.com/doc/4d5157a89a89680203d8ce2f0066f5335b816746.html 动态网站开发技术ASP.PHP与JSP的比较 ...
动态网页设计（ASP）期末复习总结03 asp六大基本对象
1 ASP重要的内部对象 Request对象--获取客户端发送来的数据 Response对象--将数据信息发送给客户端 Session对象--存储单个用户的信息 Application对象--存放同一 ...

asp.net 动态修改css样式,ASP.NET中直接用C# 动态修改CSS样式

asp.net 动态修改css样式,ASP.NET中直接用C# 动态修改CSS样式相关推荐

最新文章

热门文章