PayPal Buy Now button rollovers with CSS?

programming web dev
1

hey guys, is it possible to use paypal’s buy now button generator code and give it a css valid rollover? normally i do rollovers like this:


#navButton {
     position: absolute;
     width: 200px;
     height: 80px;
     margin-top: 0px;
     margin-left: 0px;
     z-index: 2;
}

a.navButton {
     display: block;
     width: 200px;
     height: 80px;
     outline: none;
     background-image: url(../images/navWeek.jpg);
     background-repeat: no-repeat;
     background-position: 0px 0px;
     z-index: 2;
}
	 
a.navButton:hover {
     background-position: 0px -80px;
     z-index: 2;
}

the paypal generator gives you this code:


<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
     <input type="hidden" name="cmd" value="_s-xclick">
     <input type="hidden" name="hosted_button_id" value="blah blah blah">
     <input type="image" src="http://www.yoursite.com/images/navButton.jpg" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
     <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

i tried a bunch of different ways and couldn’t figure out how to make that button hover! any help would be greatly greatly appreciated. thanks! :slight_smile: