使用 CSS3 向 ASP.NET 按钮添加图标答案

【问题标题】：Adding an icon to an ASP.NET Button with CSS3使用 CSS3 向 ASP.NET 按钮添加图标
【发布时间】：2013-02-01 11:41:53
【问题描述】：

我在这里找到了一组非常不错的按钮，我想在 ASP.NET Web 应用程序中使用它们：

他们使用纯 CSS3 设计了这些按钮。如果我使用他们那里的 CSS 类并设置我的<asp:button CssClass = "button">，它只会采用该 CSS 类中的一些元素（背景颜色、边框样式等），但不会使用图标。

我知道它不能使用任何图标，因为我不能使用 CSS 子类（例如<asp:button CssClass = "button add">...如果有办法请纠正我），所以我愿意创建一个每个按钮都有不同的类。

例如，对于我命名为 .buttonPlus 的带有加号图标的按钮，我将 CSS 属性 content: "\271A";（即 + 图标）移动到其 .buttonPlus:before 选择器中，但它仍然获胜'不渲染图标。如果我按照他们的建议使用按钮（使用 HTML 链接）：

<a href="" class="button add">Add</a>

按钮按照应有的方式与图标一起呈现。当然，出于显而易见的原因，我不想使用我的 ASP.NET 服务器端按钮。

如果有人对 CSS3 和 ASP.NET 都有很好的经验，请告诉我如何去做。

谢谢！

【问题讨论】：

标签： asp.net css

【解决方案1】：

您需要使用LinkButton 服务器控件而不是Button。

这将确保在呈现的 html 中使用 html 锚标记而不是按钮标记。

<asp:LinkButton CssClass="button" />

【讨论】：

【解决方案2】：

您可能希望使用将呈现为锚点的链接按钮，并且应用相应的类应该会为您提供与该链接中所示相同的输出。

【讨论】：