从 ASP.NET DataList 中删除边框折叠样式答案

【问题标题】：remove border-collapse style from ASP.NET DataList从 ASP.NET DataList 中删除边框折叠样式
【发布时间】：2012-02-12 14:43:53
【问题描述】：

我是 ASP.NET 的新手，在设置 DataList 的样式时遇到了问题。我最近迷上了边框上的圆角，并试图通过将其应用于所有 HTML 标签来在我的所有页面上使用这种效果。在 Internet Explorer 上，我的 DataList 上的边框看起来很糟糕，因为我看到的是 rounded corners around each element of my DataList 而不仅仅是外框边框的四个角。

我发现这是因为 ASP.NET 正在添加：

style="collapse-border:collapse"

到在呈现的 HTML 中开始我的 DataList 的标记。如果此样式规则不存在，则边框看起来像exactly as I intended。

我不知道如何消除 ASP.NET 生成的边框折叠样式。我在 Visual Web Developer IDE 或 DataList 的属性中看不到它。我似乎也无法在样式表中覆盖它。标签上的样式属性是否胜过所有其他规则？谁能建议我如何让 ASP.NET 不生成边框折叠样式？

【问题讨论】：

我没有尝试过很多浏览器，但我现在只遇到了 IE 问题。边框折叠样式不会打扰 Chrome。
实际上，当指定了border-collapse:collapse 时，页面在其他浏览器中看起来并不像我想要的那样。 IE 可能是最糟糕的，但其他的也好不到哪里去，所以这就是我摆脱这种风格的更多理由。

标签： asp.net css datalist

【解决方案1】：

当 CellSpacing 属性设置为 0（默认值）时，DataList 呈现 border-collapse: collapse; 样式。要删除样式，请将CellSpacing 设置为-1。

【讨论】：

谢谢，迈克尔！！！这样看起来好多了！！我在内容和边框之间有一个恼人的差距，但我希望我能用正确的风格解决这个问题！
不客气！如果您愿意，可以通过单击旁边的复选标记帮助其他用户查看哪个答案最有帮助。
勾选完成！我是新来的，正在尝试使用“向上箭头”。

【解决方案2】：

尝试在设计中将borderstyle设置为none或

DataList1.BorderStyle = BorderStyle.None;

【讨论】：