Image Replace for Buttons


/ Published in: CSS

This allows you to replace the bog standard browser button (form buttons) with any image you wish.


Copy this code and paste it in your HTML
  1. #submitButton {
  2. width: 38px;/* Width of button image */
  3. height: 19px;/* Height of button image */
  4. padding: 30px 0 0;
  5. margin: 0;
  6. border: 0;
  7. background: transparent url(images/buttonimage.gif) no-repeat;
  8. overflow: hidden;
  9. cursor: pointer; /* hand-shaped cursor */
  10. cursor: hand; /* for IE 5.x */
  11. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.