Make ASP button resemble HTML button

Question

Does anyone know a way to make an asp button...

<asp:button runat="server">Button1</asp:button>

resemble an HTML input button...

<input type="button" value="Button2"/>

(or vice versa) in Visual Studio 2003?

Answer 1

I think you'll need to modify your CSS. Here is something that may help get you going;

input.link
{
  border: none;
  background-color: transparent;
  padding: 0px;
  margin: 0px;
  color: #0000ff;
}

a.button
{
  border: 1px solid #a9a9a9;
  padding: 3px 8px 3px 8px;
  background-color: #dbdbdb;
  text-decoration: none;
  color: #000000;
}

Then update your markup to look something like this;

<input type="submit" class="link" value="Submit" />

<%= Html.ActionLink("Cancel", "QuoteList", "Quote", new { @class = "button" })%>

This is just off the top of my head so I hope that helps.

Answer 2

Are you missing the runat="server" attribute in your code?