asp.net控件与html控件的css属性不同
今天在帮一个朋友修改以前写的一个公司OA时,发现一个奇怪的问题(当然实际是因为自己的水平有限才会造成这样的错误)。
朋友要我对原有的系统进行界面升级,这可不是我的长项,所以只能硬着头皮上。
第一步:先把程序升级到VS2008,因为之前是用VS2003开发的,碰到不了问题,但都能解决。
第二步:处理CSS文件,这里就发现了问题。
因为以前开发人员在同一个页面,即用asp.net的button控件,又用html的input的button类型控件,
所以在处理css时,一直只能处理好asp.net的控件,html控件就是没有效果。
asp.net页面代码如下:
<asp:Button CssClass="button1" ID="btnSearch" runat="server" Text=" 查 询 " OnClick="btnSearch_Click" />
<input classname="button1" id="btnAdd" type="button" name="btnAdd" runat="server"
value=" 添 加 " />
<asp:Button CssClass="button1" ID="btndel" runat="server" Text=" 删 除 " OnClick="btndel_Click">
</asp:Button>
<input type="button" name="importexcel" id="importexcel" runat="server"
value="导出EXCEL" classname="button1">
<input id="txtcode" style="width: 80px; height: 21px" type="hidden" size="8" name="Hidden1"
runat="server">
我的css代码如下:(那当然我的命令不够规范)
.button1
{
background: url("..\Images\main_61.gif") repeat-x 50% center;
height: 22px;
border: 1px solid #74BFE7;
color: White;
padding: 2px;
}
input[type=button]
{
background: url("..\Images\main_61.gif") repeat-x 50% center;
height: 22px;
border: 1px solid #74BFE7;
color: White;
padding: 2px;
}
调试后发遭受html控件没有达到我预期效果,在网上找了半天没有找到答案(可能是这个问题太简单了,只要学过css和html的人都知道,
因为我半路出家,以前是做cs开发的,所以html和css基础很差)。
结果,令我喷血的是:
asp.net的控件css属性为:cssname
但html控件的css属性为:class
这种低级错误找原因都发了好长时间,再次证明了没有坚实的基础,是无法达到预期的目的,所以我会更加努力的学习。