从ASP.NET DataList中删除border-collapse样式

2012-02-12 97 views 2 likes

我是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

我没有试过很多浏览器，但我只是有现在使用IE的麻烦。边框缩小风格不会打扰Chrome。 – John 2012-02-12 14:49:42

实际上，当border-collapse：collapse被指定时，页面在其他浏览器中看起来并不像我想要的那样。 IE浏览器可能是最糟糕的，但其他人并没有太大改善，所以我更有理由摆脱这种风格。 – John 2012-02-12 15:05:38

回答

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

来源

2012-02-12 15:10:54

谢谢，迈克尔！这看起来好多了！我在内容和边界之间有一个令人讨厌的差距，但是我希望我可以用适当的风格来解决这个问题！ – John 2012-02-12 16:54:22

不客气！如果您愿意，可以通过点击旁边的复选标记来帮助其他用户查看哪个答案最有用。 – 2012-02-12 17:08:48

对号完成！我是新来的，正在尝试使用“向上箭头”。 – John 2012-02-12 23:14:37

尝试设置边框为无设计或

DataList1.BorderStyle = BorderStyle.None;

来源

2012-02-12 15:47:35 dotNETbeginner

从ASP.NET DataList中删除border-collapse样式

回答

相关问题