asp.net - 使用 CSS3 向 ASP.NET 按钮添加图标

Question

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

他们使用纯 CSS3 设计了这些按钮。如果我使用他们在那里的 CSS 类并设置 my <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 都有很好的经验，请告诉我如何去做。

谢谢！

score 4 · Accepted Answer

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

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

<asp:LinkButton CssClass="button" />

score 2 · Accepted Answer

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

2 回答 2