Page 1 of 1

Submit button will change colour when on mouse over

Posted: Tue Sep 29, 2015 3:26 am
by Stella2015
Hi All,

I need help on coding.

I am creating a form which contains first name, last name, designation and etc.

When they click or mouse over on "Submit" btn, I want "Submit" btn, to change colour

Can please advice on how to do that ?

Here is my code:

Code: Select all

<table width="234px" cellpadding="0" cellspacing="0">
                                		<tr>
                                		<td align="left" style="background: none;">
                                		<input style="border:0; background: url('img/btn_submit.png') no-repeat; width: 63px; height: 22px; display: inline;" type="submit" class="f_submit" value="" />
                                		</td>
                                		<td align="right" style="background: none;">
	                                	<input style="border:0; background: url('img/btn_clear.png') no-repeat; width:54px; height:22px; display: inline;" type="button" class="f_clear" id="clearFormBtn" name="clearFormBtn" />
                                		</td>
                                		</tr>
                                	</table>
Appreciate if someone can help me.. as I tried different method but it's not working.

Thank you

Re: Submit button will change colour when on mouse over

Posted: Tue Sep 29, 2015 6:04 am
by Celauran
What have you tried and how is it not working? You're currently using images for the backgrounds. Are you trying to replace them with another image? Is it a transparent image and you want the colour beneath to change? Do you really need to be using images?

Re: Submit button will change colour when on mouse over

Posted: Wed Sep 30, 2015 3:56 am
by Stella2015
Hi,

The "submit button" is an image

When I mouseover the button, the button will change to another submit button image and proceed for submit.

can please help on the coding ?

Thanks