返回目录：设置问题
这是前端百js的事情，没度必要跟asp.net扯上关系知 button 按钮添加前端点击事件道就行 OnClientClick
<asp:Button runat="server" ID="Button1" Text="Button_1" OnClientClick="funChangeStyle(this)"></asp:Button>
js代码
function funChangeStyle(obj)
{
obj.className="这里专是你要改变属的样式名称";
}
给按钮添加css样式有以下三种方法：
1，直接在元素上定义style，如下：
1
<input type="button" style="这里定义样式">
2，页面中内嵌样式，如下：
1
2
3
4
<style>
.btn{需要添加的样式}
</style>
<input type="button" class="btn">
3，外部引用css文件，e69da5e6ba90e799bee5baa6337如下：
1
<link rel="stylesheet" type="text/<a href="https://www.baidu.com/s?wd=css&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y4nyDsn1m1P1TzPHckPhwW0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EPjnYnW0Ln1R" target="_blank" class="baidu-highlight">css</a>" href="这里是css文件的路径">
在chrome、firefox、safari、IE9+等浏览器中e799bee5baa6e79fa5e98193e78988e69d83361圆角很容易实现，代码如下：
.div{
-webkit-border-radius:5px;//webkit内核
-moz-border-radius:5px;//mozilla
-ms-border-radius:5px;//<a href="https:///s?wd=IE&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLrHR3rycYmWNWn1mkPvRs0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHb3rjf3PWfvPjRsnWnvPWbsPs" target="_blank" class="baidu-highlight">IE</a>
-o-border-radius:5px;//opera
border-radius:5px;//假设你希望圆角的幅度是5px
}
但是在<a href="https:///s?wd=IE&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLrHR3rycYmWNWn1mkPvRs0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHb3rjf3PWfvPjRsnWnvPWbsPs" target="_blank" class="baidu-highlight">IE</a>6/IE7/IE8等低版本浏览器中是不可能通过css实现圆角的，必须借助<a href="https:///s?wd=%E8%83%8C%E6%99%AF%E5%9B%BE%E7%89%87&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLrHR3rycYmWNWn1mkPvRs0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHb3rjf3PWfvPjRsnWnvPWbsPs" target="_blank" class="baidu-highlight">背景图片</a>才能实现。
1、首先创建一个txt文件，修改后缀名：把.txt改为.html，用记事本打开添加如下代码：打开浏览器7a64e58685e5aeb9336，这是一个没有添加样式的button，外观不美观，而且在不同的浏览器下显示的外观是不一样的，所以我们要添加统一的样式。
2、按钮样式比较多，这样写让代码不整洁，可阅读性差，就要用style标签。
3、<style type="text/css"></style>样式表。style标签里面表示的是一个样式表，我们所有的样式都可以写到标签中去。这段代码的意思是：凡是button标签都使用这个样式。
4、把 样式表中的 button{}改成了.ui_button{}，然后在button标签里面加了class属性，这样做的意思是，这个button标签使用了名字为ui_button的样式。
5、通过javascript动态修改样式，为了避免用户多次点击提交按钮重复提交信息，在用户点击提交按钮之后，禁用按钮，并设置按钮字体的颜色为灰色。
6、修改样式的其他方法：obj.style.cssText = "color:#E1E1E1;background-color:black;";cssText可以写多个样式样式属性。
7、修改样式的其他方法：obj.setAttribute("class", "style2");直接更改按钮标签的class属性，把指向名为ui_button的样式改为指向名为style2的样式。
8、修改样式的其他方法：<link href="css1.css" rel="stylesheet" type="text/css" id="css"/>obj.setAttribute("href","css2.css");修改引用外部的样式表文件，这样就可以对整个页面的样式进行全部更新。