GridView的边线问题

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

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

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

1)

ExpandedBlockStart.gif 代码
.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 ;
}

 

BorderWidth="0">

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

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

ExpandedBlockStart.gif 代码
.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. 这种方法可以去除所有的线。

 GridLines="None">

 

转载于:https://www.cnblogs.com/lfzwenzhu/archive/2010/04/28/1722910.html

你可能感兴趣的:(GridView的边线问题)