使用主题来自动包装控件样式

最新推荐文章于 2024-06-17 10:01:52 发布

LoveCherry

最新推荐文章于 2024-06-17 10:01:52 发布

阅读量365

点赞数

分类专栏： WebForm 文章标签： server function textbox button border url

本文链接：https://blog.csdn.net/LoveCherry/article/details/4606618

版权

WebForm 专栏收录该内容

136 篇文章 0 订阅

订阅专栏

管理网站可以直接使用这种主题，很方便。

建立一个主题文件夹，css代码如下：

body
{
    font-family : Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif ;
    font-size : 9pt ;
    font-weight : normal ;
    color : #000000 ;
}

.TableBG
{
    background-color : #cccccc ;
}

.ItemStyle
{
    font-family : Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif ;
    font-size : 9pt ;
    font-weight : normal ;
    color : #000000 ;
    background-color : #FFFFFF ;
    line-height : 20px ;
}

.AlternateItemStyle {
    font-family : Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif ;
    font-size : 9pt ;
    line-height : 15pt ;
    font-weight : normal ;
    color : #000000 ;
    background-color : #F1F7FC ;

}

.HeaderStyle
{
    font-family : Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif ;
    font-size : 9pt ;
    line-height : 15pt ;
    font-weight : bold ;
    color : #FFFFFF ;
    background-image : url(images/tile_back.gif) ;
    text-align : center ;
}

.FooterStyle {
    font-family : Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif ;
    font-size : 9pt ;
    line-height : 15pt ;
    font-weight : normal ;
    color : #000000 ;
    background-image : url(images/tile_sub.gif) ;
    text-align : center ;
}

a
{
    font-family : Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif ;
    font-size : 9pt ;
    font-weight : normal ;
    color : #000000 ;
    text-decoration : none ;
    cursor : hand ;
}

a:hover
{
    font-family : Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif ;
    font-size : 9pt ;
    font-weight : normal ;
    color : #4083D5 ;
    text-decoration : none ;
    cursor : hand ;
    background-color : #FFFFFF ;
}

a.a2
{
    font-family : Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif ;
    font-size : 9pt ;
    font-weight : bold ;
    color : #FFFFFF ;
    text-decoration : none ;
    cursor : hand ;
}

a.a2:hover
{
    font-family : Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif ;
    font-size : 9pt ;
    font-weight : bold ;
    color : #4083D5 ;
    text-decoration : none ;
    cursor : hand ;
    background-color : #FFFFFF ;
}

.TextBox
{
    onfocus : expression(οnfοcus=function (){this.style.borderColor ='#4083D5' ; } );
    onblur: expression(οnblur=function () { this.style.borderColor='#CCCCCC'; } );
    font-family: Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif;
    font-size: 9pt;
    color: #000000;
    border: 1pt solid #CCCCCC;
    height: 18px;
}

.Button
{
    onmouseover : expression(οnmοuseοver=function (){this.style.color='#0a246a' ; } );
    onmouseout: expression(οnmοuseοut=function () { this.style.color='#000000'; } );
    height: 18pt;
    font-family: Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif;
    font-size: 9pt;
    font-weight: normal;
    color: #000000;
}

.DropDownList
{
    font-family : Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif ;
    font-size : 9pt ;
    font-weight : normal ;
    color : #000000 ;
}

.ListBox
{
    font-family : Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif ;
    font-size : 9pt ;
    font-weight : normal ;
    color : #000000 ;
}

.CheckBoxList
{
    padding : 4px ;
    font-family : Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif ;
    font-size : 9pt ;
    font-weight : normal ;
    border : 1pt solid #CCCCCC ;
    color : #000000 ;
}

.RadioButtonList
{
    padding : 4px ;
    font-family : Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif ;
    font-size : 9pt ;
    font-weight : normal ;
    border : 1pt solid #CCCCCC ;
    color : #000000 ;
}

skin文件代码如下：

< asp:TextBox runat ="server" CssClass ="TextBox" />
< asp:Button runat ="server" CssClass ="Button" />
< asp:DropDownList runat ="server" CssClass ="DropDownList" />
< asp:ListBox runat ="server" CssClass ="ListBox" />
< asp:CheckBoxList runat ="server" CssClass ="CheckBoxList" />
< asp:RadioButtonList runat ="server" CssClass ="RadioButtonList" />
< asp:GridView runat ="server" CssClass ="TableBG" BorderWidth ="0" CellPadding ="5" CellSpacing ="1" >
     < RowStyle CssClass ="ItemStyle" />
     < AlternatingRowStyle CssClass ="AlternateItemStyle" />
     < PagerStyle CssClass ="FooterStyle" />
     < HeaderStyle CssClass ="HeaderStyle" />
</ asp:GridView >

完整主题文件夹下载：点击这里下载