# PayPal Buy Now button rollovers with CSS?

**URL:** <https://forum.kirupa.com/t/paypal-buy-now-button-rollovers-with-css/286653>\
**Category:** web dev\
**Created:** [April 18, 2009, 12:42pm UTC](https://forum.kirupa.com/t/paypal-buy-now-button-rollovers-with-css/286653 "2009-04-18T12:42:55Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![midnite](https://avatars.discourse-cdn.com/v4/letter/m/c2a13f/32.png) [@midnite](https://forum.kirupa.com/u/midnite)\
**Post date:** [April 18, 2009, 12:42pm UTC](https://forum.kirupa.com/t/paypal-buy-now-button-rollovers-with-css/286653/1 "2009-04-18T12:42:55Z")

</div>

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:

```auto

#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:

```auto

<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! 🙂