如何在ASP中创建可扩展图像按钮

时间:2012-05-09 15:54:25

标签: asp.net css imagebutton

我正在为一个客户更新他们的CSS的私人项目。这是内置于asp。我正在尝试构建一个可扩展的提交按钮,如下所示:http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html

问题是链接如下所示:

<asp:Button runat="server" ID="SearchButton" CssClass="SearchButton" Text="" CausesValidation="false" OnClick="SearchButton_Click"/>

我没有A标签可以在链接的教程中进行操作。它们主要在IE 7和8中运行,因此我需要使用图像来代替CSS3。

有什么见解?

非常感谢:)

Ĵ

2 个答案:

答案 0 :(得分:1)

你有几个选择。

首先,即使该网站位于Asp.net中,您仍然可以使用标准的客户端代码。这意味着你的html最终看起来非常接近教程。但是,由于按钮是调用服务器端代码,因此您需要将其作为javascript事件处理。 This answer解释了如何做到这一点。

其次,您可以在<asp:button>控件的现有属性中执行此操作。您可以将该教程中的所有样式作为您正在创建的CSS类的一部分,并且在许多情况下使用<asp:...>控件,您还可以添加style="..."属性。也就是说,如果style="..."属性适用于<asp:button>控件,我不知道副作用。

答案 1 :(得分:0)

如果您使用linkbutton

,我认为您可以使用完全相同的样式
<asp:LinkButton CssClass="button" ID="LinkButton1" runat="server" 
  onclick="LinkButton1_Click"><span>Bring world peace</span></asp:LinkButton>