Question

我在ASP.NET Web App中找到了一组非常好的按钮：

他们使用纯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都有很好的经验，请告诉我如何解决这个问题。

谢谢！

Answer 1

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

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

<asp:LinkButton CssClass="button" />

Answer 2

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