danny520

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 

 

        这种低级错误找原因都发了好长时间,再次证明了没有坚实的基础,是无法达到预期的目的,所以我会更加努力的学习。 

 

 

posted on 2010-05-18 17:35  青竹软件工作室  阅读(845)  评论(0编辑  收藏  举报

导航