# Submit button colors

**URL:** <https://forum.kirupa.com/t/submit-button-colors/16940>\
**Category:** Uncategorized\
**Created:** [March 30, 2003, 1:40pm UTC](https://forum.kirupa.com/t/submit-button-colors/16940 "2003-03-30T13:40:28Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![chris9902](https://avatars.discourse-cdn.com/v4/letter/c/eb9ed0/32.png) [@chris9902](https://forum.kirupa.com/u/chris9902)\
**Post date:** [March 30, 2003, 1:40pm UTC](https://forum.kirupa.com/t/submit-button-colors/16940/1 "2003-03-30T13:40:28Z")

</div>

ok i posted about 6 months ago with a request for the code on how to change the look of a submit button

you no the little gray button like on [www.google.com](http://www.google.com)

anyway i think it was wiped from the forums becoz i can’t find it

can anyone post the code for my

i think it was css or something

thanks alot

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 30, 2003, 11:56pm UTC](https://forum.kirupa.com/t/submit-button-colors/16940/2 "2003-03-30T23:56:18Z")

</div>

chris,

i’m not sure about the CSS, but it’s limiting as far as what you could do with it. you can, however, use an image as a submit button.

the code would look something like what follows:

```php
<input name="image" type="image" src="submitButton.gif" alt="" width="77" height="18" border="0">

```

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 31, 2003, 12:10am UTC](https://forum.kirupa.com/t/submit-button-colors/16940/3 "2003-03-31T00:10:58Z")

</div>

thanks alot that is even better

thanks alot man:)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 31, 2003, 1:57am UTC](https://forum.kirupa.com/t/submit-button-colors/16940/4 "2003-03-31T01:57:10Z")

</div>

anytime chris, glad i could help!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 31, 2003, 12:31pm UTC](https://forum.kirupa.com/t/submit-button-colors/16940/5 "2003-03-31T12:31:28Z")

</div>

hey one last thing i keep \*\*\*\*ing this up

```php

<!-- Atomz Search HTML for Grand Theft Auto guide -->
<form method="get" action="http://search.atomz.com/search/">
<input size=15 name="sp-q"><br>
<input type=submit value="Search">
<input type=hidden name="sp-a" value="sp10028986">
<input type=hidden name="sp-p" value="all">
<input type=hidden name="sp-f" value="ISO-8859-1">
</form>

```

thats the code were do i add yours to make a picture the buttton

is it this line

```php
<input type=submit value="Search">

```

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 31, 2003, 9:32pm UTC](https://forum.kirupa.com/t/submit-button-colors/16940/6 "2003-03-31T21:32:56Z")

</div>

please help me anyone i really need this

were in this code

```php
<!-- Atomz Search HTML for Grand Theft Auto guide -->
<form method="get" action="http://search.atomz.com/search/">
<input size=15 name="sp-q">
<input type=submit value="Search">
<input type=hidden name="sp-a" value="sp10028986">
<input type=hidden name="sp-p" value="all">
<input type=hidden name="sp-f" value="ISO-8859-1">
</form>

```

do i add "the code to make it a picture submit button not a gray one

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 31, 2003, 10:30pm UTC](https://forum.kirupa.com/t/submit-button-colors/16940/7 "2003-03-31T22:30:42Z")

</div>

chris, you don’t have to post more than one time repeatedly about the same thing, that won’t get your question answered faster.

anways, i made a small example. check it out at:

[http://www.vmkdsn.com/kirupa/submit/search.htm](http://www.vmkdsn.com/kirupa/submit/search.htm)

the code to make that was as follows:

```php
<!-- Atomz Search HTML for Grand Theft Auto guide -->
<form method="get" action="http://search.atomz.com/search/">
<input size=15 name="sp-q">
<input type="image" value="Search" src="subscribe.gif" alt="" width="77" height="18" border="">
<input type=hidden name="sp-a" value="sp10028986">
<input type=hidden name="sp-p" value="all">
<input type=hidden name="sp-f" value="ISO-8859-1">
</form>

```

just replace the values in my code for the values that suit your project. hope that helped. 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [April 1, 2003, 4:03pm UTC](https://forum.kirupa.com/t/submit-button-colors/16940/8 "2003-04-01T16:03:49Z")

</div>

thank you Liam