Grey Standard Button - How To Change It.

FontanaS · Jun 1, 2006

Hi!

I have a standard push button on my form -

<input type="submit" name="action" value="Continue" style="font-family: Verdana; font-size: 10pt; text-align: center">

I would to only show the word "Continue" and nothing else. How do I get rid of the grey button picture? I just want the user to click on the word "Continue" instead of the grey button.

DotNetGnat · Jun 1, 2006

then make it a hyperlink instead of a button...

<a href="whatever.asp">Continue</a>

-DNG

Sheco · Jun 1, 2006

Or if you need to submit the form instead of just move to another page you could use client-side javascript to subit it...

a6m1n0 · Jun 1, 2006

You can also use CSS to style an input button.

In the html head tags:

Code:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html" />
<title>Title</title>
<style type="text/css">
<!--
body {
	background-color: #fff;
}
input.btn{
	color:#000;
	font-family:'trebuchet ms',helvetica,sans-serif;
	font-size:small;
	font-weight:bold;
	background-color:#fff;
	border:0px solid;
	text-decoration:underline;
}
-->
</style></head>
<body>
<input type="button" value="Submit" class="btn" />
</body>
</html>

text-decoration is ignored in FF for input buttons as I do not see the underline in FF 1.5 but in IE 6 it's fine.

-a6m1n0

Curiosity only kills cats.

MarkEmerson · Jun 2, 2006

<a href="javascript:frmName.submit();">Continue</a>

That would be a hyperlink on your page which submits your form. Remeber to change the frmName for your form name making sure it is case sensitive

xwb · Jun 6, 2006

Have you tried this? Gives you a button the size of a page

Code:

<input type="submit" value="Continue" name="B3" style="width: 100%; height:100%">
</form>

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Grey Standard Button - How To Change It.

FontanaS

Programmer

DotNetGnat

Programmer

Sheco

Programmer

a6m1n0

Programmer

MarkEmerson

Programmer

xwb

Programmer

Similar threads

Part and Inventory Search

Sponsor