# Custom Submit Button on HTML Form

**URL:** <https://forum.kirupa.com/t/custom-submit-button-on-html-form/158195>\
**Category:** web dev\
**Created:** [August 8, 2005, 4:13am UTC](https://forum.kirupa.com/t/custom-submit-button-on-html-form/158195 "2005-08-08T04:13:19Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nick](https://avatars.discourse-cdn.com/v4/letter/n/f9ae1b/32.png) [@Nick](https://forum.kirupa.com/u/Nick)\
**Post date:** [August 8, 2005, 4:13am UTC](https://forum.kirupa.com/t/custom-submit-button-on-html-form/158195/1 "2005-08-08T04:13:19Z")

</div>

I’m having a problem with a custom submit button for an HTML form. It’s a submit button on a form that allows you to login and I learn how to do from an internet tutorial. Here’s my button and form code:

```auto
<form action= '".$_SESSION['currentpage']."' method='post' name='frmLogin' id='frmLogin'>

some form stuff goes here...

<input name='btnLogin' type='submit' id='btnLogin' value='' style='background-image:url(submit.gif); width:59px; height:18px; border:0; color:#036;' />
 </form>
						 
<INPUT TYPE='BUTTON' ONCLICK=window.location.href='signup.html' style='background-image:url(register.gif)'; width:105px; height:21px; border:0; color:#036;'>

```

This works fine on IE and Firefox (Windows) - the button is the right image. However, it doesn’t work on a Mac - the browser just shows the default system “glass-pill” button! Can someone please show me an alternate way, a fix, or what I’m doing wrong since I cannot “try things out” and test it repeatedly. Many thanks.

P.S. The second button doesn’t show up properly as well.