zoukankan      html  css  js  c++  java
  • GridView的边线问题

    今天在写程序时,发现我们的项目中有一个关于GridView的样式。

    不显示border时,还要判断浏览器。

    我试图找到不用判断浏览器的解决办法。

    1)

    代码
    .GridView_Main
    {   
        width
    :100%;
        border
    :0px;
    }

    .GridView_Header
    {
      PADDING-RIGHT
    : 3px;
      PADDING-LEFT
    : 3px;
      FONT-WEIGHT
    : bold;
      COLOR
    : #263D83;
      FONT-FAMILY
    : Verdana, Arial;
      BACKGROUND-COLOR
    : #C8C8EE;
      border
    :solid 0px transparent;
    }

    .GridView_Row
    {    
      background-color
    : transparent; 
      border
    :solid 0px transparent;
    }

    .GridView_Alter
    {
        background-color
    : aliceblue;
        border
    :solid 0px transparent;
    }

    .GridView_Footer
    {
      PADDING-RIGHT
    : 3px;
      PADDING-LEFT
    : 3px;
      FONT-WEIGHT
    : bold;
      COLOR
    : #263D83;
      FONT-FAMILY
    : Verdana, Arial;
      BACKGROUND-COLOR
    : #C8C8EE;
      border
    :solid 0px transparent;
    }

    .GridView_Pager
    {
      PADDING-RIGHT
    : 3px;
      PADDING-LEFT
    : 3px;
      FONT-WEIGHT
    : bold;
      COLOR
    : #263D83;
      FONT-FAMILY
    : Verdana, Arial;
      BACKGROUND-COLOR
    : #C8C8EE;
      border
    :solid 0px transparent;
    }

     <asp:GridView ID="ListGridView" runat="server"

    BorderWidth="0">

    用以上代码只有竖线没有去除,其他的线都去除了。

    2)判断浏览器的方法去除border

    代码
    .GridView_Main
    {   
        width
    :100%;
        border
    :0px;
    }

    .GridView_Header
    {
      PADDING-RIGHT
    : 3px;
      PADDING-LEFT
    : 3px;
      FONT-WEIGHT
    : bold;
      COLOR
    : #263D83;
      FONT-FAMILY
    : Verdana, Arial;
      BACKGROUND-COLOR
    : #C8C8EE;
    }

    .GridView_Row
    {    
      background-color
    : transparent; 
    }

    .GridView_Alter
    {
        background-color
    : aliceblue;
    }

    .GridView_Footer
    {
      PADDING-RIGHT
    : 3px;
      PADDING-LEFT
    : 3px;
      FONT-WEIGHT
    : bold;
      COLOR
    : #263D83;
      FONT-FAMILY
    : Verdana, Arial;
      BACKGROUND-COLOR
    : #C8C8EE;
    }

    .GridView_Pager
    {
      PADDING-RIGHT
    : 3px;
      PADDING-LEFT
    : 3px;
      FONT-WEIGHT
    : bold;
      COLOR
    : #263D83;
      FONT-FAMILY
    : Verdana, Arial;
      BACKGROUND-COLOR
    : #C8C8EE;
    }

    .GridView_Item_Firefox
    {
        border
    :solid 1px transparent;
      text-align
    :left;
    }

    .GridView_Item_IE
    {
        border
    :solid 0px transparent;
      text-align
    :left;
    }


    3)  使用GridLines="None"去除border. 这种方法可以去除所有的线。

     <asp:GridView ID="ListGridView" runat="server" GridLines="None">

  • 相关阅读:
    解决Nginx不支持pathinfo的问题
    PHP获取当前服务器信息的基本语句
    权重结构的加权排序算法
    《深入探讨C++对象模型》笔记 二
    链表的一些常用操作
    invalidate作用
    GetMessage()和PeekMessage()区别
    C语言程序编译的内存分配
    assert() 宏用法
    开始写博客
  • 原文地址:https://www.cnblogs.com/lfzwenzhu/p/1722910.html
Copyright © 2011-2022 走看看