1. 首頁
  2. 問答
  3. 從ASP.NET DataList中刪除border-collapse樣式

從ASP.NET DataList中刪除border-collapse樣式

2012-02-12 95 views
2

我是ASP.NET的新手，並且遇到了樣式化DataList的麻煩。我最近變得迷戀邊框上的圓角，並試圖通過將它應用於所有HTML標籤來在我的所有頁面上使用該效果。在Internet Explorer上，我的DataList上的邊框看起來很糟糕，因爲我看到的是rounded corners around each element of my DataList而不僅僅是外框邊框的四個角。從ASP.NET DataList中刪除border-collapse樣式

我跟蹤下來的事實，ASP.NET是增加：

style="collapse-border:collapse"

到我開始在DataList控件呈現的HTML標籤。如果此樣式規則不存在，則邊框看起來爲exactly as I intended。

我不知道如何消除ASP.NET生成的border-collapse樣式。我沒有看到它出現在Visual Web Developer IDE中或DataList的屬性中。我似乎無法在樣式表中覆蓋它。標籤上的樣式屬性勝過所有其他規則嗎？任何人都可以建議我如何讓ASP.NET不生成邊框縮小樣式？

來源

2012-02-12 John

+0

我沒有試過很多瀏覽器，但我只是有現在使用IE的麻煩。邊框縮小風格不會打擾Chrome。 – John 2012-02-12 14:49:42

+0

實際上，當border-collapse：collapse被指定時，頁面在其他瀏覽器中看起來並不像我想要的那樣。 IE瀏覽器可能是最糟糕的，但其他人並沒有太大改善，所以我更有理由擺脫這種風格。 – John 2012-02-12 15:05:38

回答

5

A DataList當CellSpacing屬性設置爲0（默認值）時呈現border-collapse: collapse;樣式。要刪除樣式，請將CellSpacing設置爲-1。

來源

2012-02-12 15:10:54

+0

謝謝，邁克爾！這看起來好多了！我在內容和邊界之間有一個令人討厭的差距，但是我希望我可以用適當的風格來解決這個問題！ – John 2012-02-12 16:54:22

+0

不客氣！如果您願意，可以通過點擊旁邊的複選標記來幫助其他用戶查看哪個答案最有用。 – 2012-02-12 17:08:48

+0

對號完成！我是新來的，正在嘗試使用「向上箭頭」。 – John 2012-02-12 23:14:37

0

嘗試設置邊框爲無設計或

DataList1.BorderStyle = BorderStyle.None;

來源

2012-02-12 15:47:35 dotNETbeginner

相關問題

 相關問題