谁来给个服务器端控件css样式的对应关系

不若人生一场醉 2012-11-14 08:14:15
例如gridview在客户端呈现为table,所以可以在css中定义table的样式来改变gridview的呈现,还有linkbutton对应的是hyperlink、panel对应div等等,这些控件能否使用所有的css样式?还是某些css样式无效?谁给给比较完整的对应列表和注意事项什么的,给链接也可以。
...全文
300 6 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
爱在夕阳下 2012-11-14
  • 打赏
  • 举报
回复
这个嘛 多看看 就行了
H_Gragon 2012-11-14
  • 打赏
  • 举报
回复
引用 4 楼 gefangliang 的回复:
http://www.cnblogs.com/peak-weng/articles/1043098.html http://www.wiseowl.co.uk/blog/s262/css-tables.htm 另一个: C# code? 1234567891011121314151617181920212223242526272829303132333435363738……
同意!
心灵彩虹 2012-11-14
  • 打赏
  • 举报
回复
http://www.cnblogs.com/peak-weng/articles/1043098.html http://www.wiseowl.co.uk/blog/s262/css-tables.htm 另一个:
GridViewStyle
  {  
      border-right: 2px solid white;
      border-bottom: 2px solid white;
      border-left: 2px solid white;
      border-top: 2px solid white;
      padding: 18px;
      width:500px;
      font-size:15px;
 }
 
.GridViewHeaderStyle th
{
     border-left: 1px solid #EBE9ED;
     border-right: 1px solid #EBE9ED;
}

.GridViewHeaderStyle
{
     background-color: #5D7B9D;
     font-weight: bold;
     color: White;
}

.GridViewFooterStyle
{
     background-color: #5D7B9D;
     font-weight: bold;
     color: White;
}

.GridViewRowStyle
{
     background-color: #F7F6F3;
     color: #333333;
}

.GridViewAlternatingRowStyle
{
     background-color: #FFFFFF;
     color: #284775;
}

.GridViewRowStyle td, .GridViewAlternatingRowStyle
{
     border: 1px solid #EBE9ED;
}

.GridViewSelectedRowStyle
{
     background-color: #E2DED6;
     font-weight: bold;
     color: #333333;
}


.GridViewPagerStyle
{
     background-color:#5D7B9D;
     color: #FFFFFF;
}

.GridViewPagerStyle table
{
     margin: 0 auto 0 auto;
}

li.gobackMain a
{
 color:Blue;
}



以下为使用示例: 关键部分
<asp:GridView ID="GridView1" runat="server"  onpageindexchanging="GridView1_PageIndexChanging" CssClass="GridViewStyle">
                <FooterStyle CssClass="GridViewFooterStyle" />
                <RowStyle CssClass="GridViewRowStyle" />  
                <SelectedRowStyle CssClass="GridViewSelectedRowStyle" />
                <PagerStyle CssClass="GridViewPagerStyle" />
                <AlternatingRowStyle CssClass="GridViewAlternatingRowStyle" />
                <HeaderStyle CssClass="GridViewHeaderStyle" />

                <Columns>
                   <asp:BoundField DataField="文件名" HeaderText="文件名" />
                   <asp:TemplateField HeaderText="下载路径">
                        <AlternatingItemTemplate>
                            <a href='<%#eval_r("路径") %>'>下载</a>
                        </AlternatingItemTemplate>
                        <ItemTemplate>
                            <a href='<%#eval_r("路径") %>'>下载</a>
                        </ItemTemplate>
                  </asp:TemplateField>
                </Columns>

                <EmptyDataTemplate>
                    提示:当前没有任何记录
                </EmptyDataTemplate>
            </asp:GridView>

心灵彩虹 2012-11-14
  • 打赏
  • 举报
回复
GridView CSS 样式表 (蓝色朴素)


<style type="text/css">
.GridViewStyle
{  
    border-right: 2px solid #A7A6AA;
    border-bottom: 2px solid #A7A6AA;
    border-left: 2px solid white;
    border-top: 2px solid white;
    padding: 4px;
}
.GridViewStyle. a
{
    color: #FFFFFF;
}
.GridViewHeaderStyle. th
{
    border-left: 1px solid #EBE9ED;
    border-right: 1px solid #EBE9ED;
}
.GridViewHeaderStyle
{
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}
.GridViewFooterStyle
{
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}
.GridViewRowStyle
{
    background-color: #F7F6F3;
    color: #333333;
}
.GridViewAlternatingRowStyle
{
    background-color: #FFFFFF;
    color: #284775;
}
.GridViewRowStyle. td, .GridViewAlternatingRowStyle. td
{
    border: 1px solid #EBE9ED;
}
.GridViewSelectedRowStyle
{
    background-color: #E2DED6;
    font-weight: bold;
    color: #333333;
}
.GridViewPagerStyle
{
    background-color: #284775;
    color: #FFFFFF;
}
.GridViewPagerStyle. table
{
    margin: 0 auto 0 auto;
}
</style>


    <asp:GridView ID="gv1" runat="server" CssClass="GridViewStyle">
        <FooterStyle CssClass="GridViewFooterStyle"/>
        <RowStyle CssClass="GridViewRowStyle"/>   
        <SelectedRowStyle CssClass="GridViewSelectedRowStyle"/>
        <PagerStyle CssClass="GridViewPagerStyle"/>
        <AlternatingRowStyle CssClass="GridViewAlternatingRowStyle"/>
        <HeaderStyle CssClass="GridViewHeaderStyle"/>
    </asp:GridView>
xiangaylian 2012-11-14
  • 打赏
  • 举报
回复
引用 楼主 bluekitty 的回复:
这些控件能否使用所有的css样式?
如果控件本身定义了某些CSS样式,基于CSS就近原则来说,定义的样式应该会比你的CSS优先,除非他提供了属性给你修改。 Web工具箱中的控件类别那么多,你在用到的时候去html页面看看不就好了么。。。

62,243

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧