Rollover effect for input type submit or input type image

HTML & CSS
1

hi all

i there any solution for rollover effect on submit button or input type image



<input type="image" src="images/submit_bt.gif" />

vineet

2

Hi, you could just do a regular <input type=“button” value=“” class=“whatever”>

And place a background image on the .whatever and just on hover of that change the background image :slight_smile:

3

hi ryan

thanks for the reply. it works but i get white background around button.

as the button is rounded so white background is seen around it.

the buton is also attached. i have made it transparent but still white color from corners doesnt disappear.

test it on any coloured background.


.subm
{
	background-image:url(../images/submit_bt.gif);
	background-repeat:no-repeat;
	width:95px;
	height:23px;
	display:block;
	border:0px;
}
.subm:hover
{
	background-image:url(../images/submit_bt_hover.gif);
	background-repeat:no-repeat;
	width:95px;
	height:23px;
	display:block;
	border:0px;
}

vineet

4

Hi, the whitebackground is probably cmoing as the background from a parent element. What color did you want it? Set that color on a parent. Unless i’m misunderstanding you…

5

Thanks Ryan

its now solved.

vineet

6

Glad to hear that :). If you have any more questions just ask.