Gridview CSS邊框不一致

這實在讓我感到困擾。我使用的是GridView，並且想要以這樣的方式格式化它，即在所有瀏覽器中顯示相同的邊框。目前，IE，FF和Chrome之間的結果不盡相同。我不確定我在CSS中做了什麼錯誤（我對CSS很陌生），但某些瀏覽器隨時可以正確顯示邊框，所以必須正確。 GridView的CSS如下：Gridview CSS邊框不一致

.gridViewData 
{ 
    height:auto; 
    width:544px; 
    position:relative; 

    text-align:center; 

    background-color:#7D9EBA; 
    border:solid thin black; 
    border-right:none 0px black; 



} 

.gridViewData td 
{ 
    padding:2px; 
    border-top-style:none; 
    border-bottom-style:solid; 
    border-left-style:solid; 
    border-right-style:none; 
    border-color:Black; 
    border-width:thin; 



} 

.gridViewData th 
{ 
    height:10px; 
    width: 544px; 
    position:relative; 
    text-align:center; 
    border-top-style:dashed; 
    border-bottom-style:solid; 
    border-left-style:solid; 
    border-right-style:none; 
    border-color:Black; 
    border-width:thin; 
    background-color:white; 


} 

.gridViewData .alt 
{ 
    background-color:Red; 
} 

.gridViewData .pgr 
{ 
    background-color:Orange; 
}

我想表看起來像在繪製該粗的嘗試：d。標題應該在單元格之間沒有邊界。

____________________________ 
|____________________________| 
|___|__________|________|____| 
|___|__________|________|____| 
|___|__________|________|____|

在IE中，標題沒有上邊框。在FF中，在Chrome中看起來很好，在標題中有分隔符。這一直在困擾着我一段時間，所以希望有人能夠對此有所瞭解。

謝謝

來源

2009-12-08 keyboardP

使用GridView屬性來實現這一點，而不是將CSS應用到生成的表格元素。例如，頭部可以通過應用CSS的屬性來風格：

http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.gridview.headerstyle.aspx

編輯：

注意，聲明BORDERCOLOR屬性增加了一個內嵌樣式聲明只適用於表本身，而不是個別的細胞。添加BORDERCOLOR屬性編程不使用內聯樣式，但使用HTML BORDERCOLOR屬性，它的瀏覽器適用於所有邊框的表格內：

OnRowDataBound="MyGrid_RowDataBound" 

protected void MyGrid_RowDataBound(object sender, GridViewRowEventArgs e) 
{ 
    foreach (TableCell tc in e.Row.Cells) 
    { 
     tc.Attributes["style"] = "border-color: #000"; 
    } 
}

我拿出一篇博客文章這樣 - 查利杜蒙德的評論：

http://www.codersbarn.com/post/2009/05/31/Set-Color-of-GridLines-in-Gridview.aspx#comment

來源

2009-12-08 01:53:10 IrishChieftain

請記住，IIRC，這些通常適用於TD，而不是整行。您可能需要查看CSS控制適配器（VS2010中的OOB）：http://www.asp.net/CssAdapters/ – 2009-12-08 01:56:57

CSS適配器在這裏確實不是必需的，並且正在逐步淘汰。我目前正在處理兩個單獨的項目，其中App_Browsers文件夾在部署到活動服務器時會導致出現嚴重的FrontPage Extensions問題。 – IrishChieftain 2009-12-08 02:12:29

謝謝，這是修復它！我設法通過使用HeaderStyle標籤的CssClass屬性將它提取到一個單獨的CSS文件中。 – keyboardP 2009-12-08 03:03:50

Gridview CSS邊框不一致

回答

相關問題